CSS黑客的使用简介
CSS黑客是一个很有争议的东西,我一开始就很讨厌它,因为我认为它可以用CSS来解决这个问题,但是,随着我工作的不断实践,我已经改变了我的观点。虽然CSS黑客不能被W3C标准认证,但它很可能会使你的HTML结构更加紧凑和有效,而无需语义标记或其他好处。
1.ie条件注释
该方法具有良好的安全性,但不利于开发和维护。
仅在IE下有效
在IE6中唯一有效的
只有在超过IE6有效
注:结合LTE,LT,GTE,GT,和!关键词。
2。选择前缀的方法
Ldquo;* html前缀生效对IE6的只有* + HTML前缀,只影响IE7
CSS代码将内容复制到剪贴板。
。测试{宽80px;} / * * / IE 67 8
* HTML。测试{宽度:70px;} / * * / IE6
* + HTML。测试{宽度:60px;} / * * / IE7
缺点:不能保证IE9,10不确定* * + HTML,HTML,和有一个向后的兼容性风险。
三.样式属性前缀:
如_只有在IE6,* IE6和IE7下生效。也有向后兼容的隐患。
。测试{宽80px;*宽度:70px;_width:60px;}
可用于内联样式。
CSS代码将内容复制到剪贴板。
:
由于IE条件注释方法不利于开发和维护,常用的黑客方法通常为后两种方法。
小例子
HTML代码
xml代码将内容复制到剪贴板。
你的浏览器
CSS Hack代码
CSS代码将内容复制到剪贴板。
P { margin: 0;padding: 0 55px 00;高度:30xp;线高度:30px;字体大小:14px;}
P { background: url(LLQ .webp)90px - 170px不重复;} / / *
p,x:-moz任何链接{ background: url(LLQ .webp)90px - 80px不重复;} / * * FF
p,x:-moz任何环节,X:默认{ background: url(LLQ .webp)90px - 140px不重复;} / * * FF2 +
P { {;背景:URL(LLQ .webp)90px - 260px不重复;SA / CH } } / * * /
P { background: url(LLQ .webp)90px - 50px没有重复 9;} / * * IE
* + HTML p { background: url(LLQ .webp)90px - 20px没有重复只有IE7;} / * * /
P { _background:URL(LLQ .webp)90px 10px没有重复只有IE6;} / * * /
看演示
因为OP10的CSS hack是没有发现,标准的写作是第10章,然后CSS hack是其他浏览器写。
此外,在修复的过程中,我发现了一个CSS的黑客在网上流传有一个问题,CSS hack可以有很多人使用,是{属性: 0 }的价值,有人说这是IE8的特别,但我在测试过程中发现除了IE8识别CSS hack,FF3,OP10也能识别(FF2和ff3.5不承认)。