CSS屏蔽Webkit浏览器input高亮和textarea缩放
采用 Webkit 核心的浏览器主要有苹果的 Safari 和 Google 的 Chrome,Webkit 核心有着良好的性能,并且在某些细节对用户非常友好,页面输入框(input 标签)聚焦高亮和文本框(textarea 标签)缩放功能就是其中的两个对用户非常友好的设计。可是这两个设计在对用户友好
如何调试 iPhone Safari 浏览器 的CSS兼容问题
我们电脑浏览器如果出现CSS兼容问题,现在很好解决,Chrome浏览器自带检查工具,火狐浏览器的FireBug也很好用,Safari、360、IE、EDGE都有自己的调试工具。他们可以查看html+JS+CSS如何被解释的,如果被解释错了可以看到原因出现在哪?
超棒的跨浏览器纯CSS动画实现:Animate.css
通常情况下如果需要生成web动画效果的话,我们肯定会考虑使用一些类库或者jQuery的animate方法,那么有什么方便的方法来快速实现动画效果呢?
JS+CSS实现侧边栏跟随浏览器滚动效果
看月光博客,卢松松博客,文章页的侧边栏都可以随着浏览器滚动而停留在页面,羡慕了吧。其实我们也可以用这种特效的呢。下面,就讲讲如何实现这个效果吧~这个是卢松松博客原创的,我稍稍介绍了一下而已哈!
CSS清除浮动的应用 位置影响IE和Chrom浏览器的错位
随着宽屏时代的到来,在现在的网页设计当中,人们对于网页排版有了更多的发挥空间。继而随之的是,往往我们现在所看到的许多网页,都被错落有致的划为了两列或者多列的布局,从而在视觉和操作上带来不一样的体验。
WebGL:为浏览器提供3D显示支持
早在2010年Google放弃了自己的浏览器外挂3D技术O3D,O3D是由Google公司发布的一个新的API,是一种基于网页的可控3D标准。此格式期望真正的基于浏览器,独立于操作系统之外,并且支持主流的3D显卡,希望借此在网页当中也能实现效果逼真的3D动画,这项技术被搁浅之后Google进而转向由Mozilla牵头的3D网络绘图技术WebGL,使得WebGL这项技术逐渐进入了人们的视线,WebGL技术到底是什么呢?
CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法
网页布局设计技术迄今为止主要有:table表格布局,DIV+CSS布局以及层布局。目前的网页布局设计领域主流是以DIV+CSS布局为主,table表格布局和层布局为辅。另外我还要告诉你一个秘密,那就是以DIV+CSS技术设计的网页是很招搜索引擎喜欢的哦!
WebGL 1.0标准公布 支持除IE之外的主流浏览器
Khronos Group 终于在近日推出 WebGL 1.0 标准,这对于所有使用 Firefox、Safari、Chrome、Opera 以及其他大量基与 Webkit 内核的浏览器用户来说是个非常不错的消息,但如果你是IE用户的话,很抱歉你无法享受这一技术,至少目前是这样子的。
CSS+DIV浏览器兼容问题解决方法及网页设计的理解
火狐下是正常的,IE6下间距错乱,这种情况,通常应该检查边距MARGIN,可以试着到边距MARGIN换成填充PADDING,这样通常都可以解决问题,也就是说,我们尽量多的在需要使用边距MARGIN的用填充PADDING去代替。
解决跨浏览器兼容的CSS编码准则
浏览器越来越多,也就意味着做web前端开发的就越困难。现在的浏览器的内核都同,对于css的兼容也会有一定的差别!以前讲的用css hack来也不是一件容易的事,用过多的css hack来兼容也会出现许多臃肿的代码;所以掌握一些跨浏览器兼容的css编码准则是非常有必要的。
各大浏览器CSS3和HTML5兼容速查表
支持 CSS3 和 HTML5 的浏览器越来越多,甚至包括最新版的 IE,当然,所谓支持仅仅是部分支持,因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。
浏览器专属CSS Hack: 区分各种不同浏览器
CSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析 CSS 没有达成一致前,我们只能用这样的方法来完成这样的任务。网上你可能能搜索到一大堆的 CSS Hack,但是我今天发布的你可能并不都很了解,因为这些都是只针对单独一个浏览器
十种浏览器CSS Reset的方法
知道CSS Reset是什么吗?通常情况下,它也被写成Reset CSS,即重设浏览器的样式。在各种浏览器中,都会对CSS的选择器默认一些数值,譬如当h1没有被设置数值时,显示一定大小。
不用HACK 快速解决CSS布局网页浏览器兼容问题
浏览器兼容一直是CSS布局中常见的到的问题,初学者也因此走入很多误区,那么通过我的经验,总结了2个方法,既可以避免大部分浏览器兼容问题。
网页制作:不同浏览器CSS Hack写法
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
浏览器不能正常解析CSS代码的解决
网页采用了UTF-8编码格式,这本来没有问题,问题是外部CSS文件默认是 ANSI编码,并没有保存为UTF-8格式。可能你会发现在一般情况下这样也是没有问题的,然而当CSS文件中包含有中文注释时就可能不尽如人意了!
FireFox浏览器和IE浏览器下CSS兼容问题
在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法...
用CSS控制浏览器滚动条样式源代码
我们可以指定浏览器窗口、多行文本框的滚动条的显示与否和颜色样式,第一组样式属性用于设定被设定对象是否显示滚动条,第二组样式属性则用于设置滚动条的颜色,要注意的本文涉及的样式属性都是ie才能支持的,第二组的样式属性只有ie5.5版本才能支持,所以请大家在调试
最全的CSS浏览器兼容问题整理
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名...
总结:IE6不支持的CSS选择符
本文列举了五种IE6不支持的CSS选择符,大家设计网页时要注意。