ie6,ie7,ff 的css兼容的hack写法代码分享:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type='text/css'> #example { background: #ff0000;width:100px;height:100px } /* Moz/FF/IE8 beta2 */ *html #example { background: #00ff00; } /* IE6 */ *+html #example { background: #0000ff; } /* IE7 */ .demo { background: #ff0000;width:100px;height:50px } /* Moz/FF/IE8 beta2 */ *html .demo { background: #00ff00; } /* IE6 */ *+html .demo { background: #0000ff; } /* IE7 */ </style> </head> <title>css hack</title> <body> <div id="example">id示例</div> <br /> <div class="demo">class示例</div> </body> </html>
在ie6下,二个div的背景为绿色,ie7下显示为蓝色,ff下显示为红色(ie8 beta2下显示跟ff相同)。
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦