ie6,ie7,ff 的css兼容hack写法

简介: CodeDOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.

 

img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif Code
<!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相同)

目录
相关文章
|
Web App开发 前端开发
CSS Hack是什么?ie6,7,8的hack分别是什么
CSS Hack是什么?ie6,7,8的hack分别是什么
4658 0
|
Web App开发 前端开发
区分IE6,IE7,IE8,IE9,FireFox,Chrome浏览器的CSS hack
区分IE6,IE7,IE8,IE9,FireFox,Chrome浏览器的CSS hack
|
Web App开发 前端开发 iOS开发
|
Web App开发 SQL iOS开发
html-day10css兼容问题及常见的bug&hack
html-day10css兼容问题及常见的bug&hack
|
Web App开发 前端开发 iOS开发
|
Web App开发 前端开发 JavaScript
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
Web App开发 XML 开发框架
技术心得记录:在IE浏览器中的奇怪页面表现
技术心得记录:在IE浏览器中的奇怪页面表现
275 0
|
JavaScript 前端开发
|
Web App开发 XML 编解码
IE浏览器下载文件中文文件名乱码问题解决
IE浏览器下载文件中文文件名乱码问题解决
467 0