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

 

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相同)

时间: 2024-09-09 20:46:04

ie6,ie7,ff 的css兼容hack写法的相关文章

css ie6 ie7 ff的CSS hack使用技巧_经验交流

FF浏览器 .test{ height:20px; background-color:orange; } IE7浏览器 *+html .test{/*IE7*/ height:20px; background-color:blue; } IE6浏览器 *html .test{/*IE6*/ height:20px; background-color:black; } 通过上面的CSS代码可以看出FF还是最听话的浏览器.在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html. 这里就很

CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法_经验交流

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) <style> #wrapper { width: 100px!important; /* IE7+FF */ width: 

[转]CSS完美兼容IE6/IE7/FF的通用方法

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) <style> #wrapper { width: 100px!important; /* IE7+FF */ width:

网页:完美兼容IE6/IE7/FF的通用方法

网页 关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一.CSS HACK以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)<style>#wrapper{width: 100px!important; /* IE7+FF */width: 80p

针对IE6,IE7,Firefox的CSS

css 我们在用CSS进行构建网页的时候,IE6跟Firefox之间的差异问题可以用 !important 来解决(这种方法尽量少用),但是IE7似乎还是不认识 !important ,而且它跟IE6之间也存在一些差异.浏览器的不一致性总是让人很头疼! 下面分别给出IE6\IE7\Firefox的hack代码: #example { color: #333; }     /* Firefox */* html #example { color: #666; }     /* IE6 */*+ht

js判断IE6/IE7/FF的代码[XMLHttpRequest]_javascript技巧

大家有的时候想在页面中加一些东东,又限于浏览器的不同,效果不尽都能表现出来,这下我们可以想到浏览器的判断,根据不同的浏览器给出不同的展示效果,是不是很炫呢?那当然,你能想到的很多人都能想的到,就好像大楚网的广告添加方法,真是让我见识到了真正的JS高手是如何练就的了,废话不说了,看代码: 复制代码 代码如下: if (window.XMLHttpRequest) { //Mozilla, Safari,IE7 alert('Mozilla, Safari,IE7 '); if(!window.Ac

iframe 自适应高度[在IE6 IE7 FF下测试通过]_javascript技巧

第一种方法: 复制代码 代码如下: <script type="text/javascript" language="javascript"> <!-- //调整 PageContent 的高度 function TuneHeight() { var frm = document.getElementById("content01"); var subWeb = document.frames ? document.frames

两款js图片等比例缩放(兼容IE6,IE7,FF)

 代码如下 复制代码 <script language="网页特效" type="text/javascript"> <!-- function imgauto(i){//你必须给图片提前设定初始宽度和高度,建议直接就是最大宽度和高度  var maxw=250; //定义图片显示的最大宽度  var maxh=250; //定义图片显示的最大高度  var o=new image();o.src=i.src;var w=o.width;var h

求在IE6,IE7,FF下动态修改span和标记的href内容

问题描述 <span>test</span><ahref="www.csdn.net">test</a><inputtype="button"/>我想问下.我单击一下时修改span和a标记里面的href内容如何实现?我现在在ie里面做才没有问题.在FF下失效了. 解决方案 解决方案二: 做两套stylesheet一个给ie,一个给ff.pagefile....<linkid="lnkStyl