css兼容
文章平均质量分 64
wyodyia
这个作者很懒,什么都没留下…
展开
-
IE和FF在JS和CSS的兼容
1.document.formName.item("itemName") 问题 问题说明:IE下,可以使用 document.formName.item("itemName") 或 document.formName.elements ["elementName"];Firefox下,只能使用document.formName.elements["elementName"]。解决方法:统一使用原创 2009-09-17 10:39:00 · 631 阅读 · 0 评论 -
解决IE6不支持position:fixed的问题
然,在IE6以上版本,火狐,谷歌等浏览器都是件容易的事情,直接用position:fixed这个属性就可以搞定。如: .top {position:fixed;bottom:auto;top:0px;} /* 头部固定 */ .bottom {position:fixed;bottom:0px;top:auto;} /* 底部固定 */ .left {position:fixed;rig原创 2013-04-22 12:55:45 · 995 阅读 · 0 评论 -
关于调整input里面的输入光标大小
input输入框用一个背景图模拟,设置height和line-height一样的高度,使里面的输入文字能够居中, 在FF下出现的情况是:点击input时,输入光标其实上跟input的height一样高,但当开始输入文字时,光标又变得跟文字一样高, chrome下光标跟input的height一样高, 而IE下光标跟文字的大小一致。 一直没弄明白为什么这样子,今天听罗浮宫里的原创 2013-03-21 11:19:14 · 1627 阅读 · 0 评论 -
兼容 ie6-9,firefox,chrome,opera,safari css
#test { width:300px; height:300px; background-color:blue; /*firefox*/ background-color:red\9; /*all ie*/ background-原创 2012-12-13 10:03:40 · 741 阅读 · 0 评论 -
CSS3常用功能 旋转等
随着浏览器的升级,CSS3已经可以投入实际应用了。 但是,不同的浏览器有不同的CSS3实现,兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站,该网站总结了一些常用功能的写法。 以下就是这些写法的详细介绍。所有代码都经过了Firefox 3.6和IE 8.0的验证,原文的错误之处也已得到改正。 一、圆角(Rounded Corner) .box原创 2012-11-14 14:24:14 · 765 阅读 · 0 评论 -
IE FF CHROME hack
由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。 CSS Hack大致有3种表现形式,CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针对IE浏览器。 类内部Hack:比如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",转载 2012-06-19 09:55:10 · 3295 阅读 · 0 评论 -
IE 各种滤镜
收集一些IE滤镜,留作之后开发用. 透明度 #myElement { opacity: .4; /* other browsers */ filter: progid: DXImageTransform.Microsoft.Alpha( opacity=40 ); /* IE6, IE7, and IE8 */ -ms-filter : "prog转载 2012-08-03 11:13:58 · 6234 阅读 · 0 评论 -
修正IE6不支持position.fixed的bug
众所周知IE6不支持position:fixed,这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自 己的博客模板的时候,遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用IE6的朋友,一起BS我……但是对于大项目或商业网站,如果有用到这 个属性的时候,是不可能直接无视的。 你是如何让position:fixed在IE6中工作的? 本文所使用转载 2012-02-17 14:36:38 · 636 阅读 · 0 评论 -
CSS hack:区分IE6、IE7、IE8、Firefox、Opera
方法一: 跨浏览器的网页设计一直是让人很头疼的问题,这不只是因为浏览器的版本众多,还有一个重要的原因是相同浏览器的不同时期的版本也会有差异,甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS Hack技术有很多,具体可以查看: 本文据说的主要是通过“.”,“>”,“*”,“_”来区分。以下是本人对这四种符号的测试结果:—————原创 2010-04-14 09:58:00 · 702 阅读 · 0 评论 -
IE6 | IE7 | IE8 | FF12 li底部多出几像素bug
会发现在IE6/7/8 FF12下,LI底部会多出几个像素,网上很多人说这是li的3pxbug,实际不然。底部的空隙和字体大小和高度有关。并不一定是3px。 出现这个bug的条件如下 必要条件: li的子元素设置了浮动(例如:本例中的span设置了左浮动) 充要条件: (IE6/7/8 FF12)li设置了width、height、zoom 之一 (例如:本文中的li设置了width原创 2013-04-27 08:53:56 · 2201 阅读 · 0 评论