IE7

兼容IE6、IE7的min-width、max-width

有些话、适合烂在心里 提交于 2020-03-01 10:01:58
警句:珍爱生命,远离IE 很多时候,我们会想要设置容器的最小宽度或最大宽度,但IE6不支持min-width、max-width属性怎么办? 别着急,跟着我慢慢来,会让你捉急的还很多呢 首先我们来看看标准属性min-width、max-width效果如何: .ie-hack { min-width: 100px; max-width: 200px; } <div class="ie-hack">LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL</div> <div class="ie-hack">s</div> (图1-1 正常浏览器) (图1-2 IE6) 咦,好像不是预期的结果 哦,原来是block的原因。那我们改用inline-block吧: .ie-hack { min-width: 100px; max-width: 200px; display: inline-block; } <span class="ie-hack">LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL</span> <br> <span class="ie-hack">s</span> (图2-1 正常浏览器) (图2-2 IE6) 哦啦,正常浏览器的宽度限制实现了,那现在我们来解决IE6的问题 这里用只有IE6才识别的

屏蔽鼠标右键的JS代码,兼容IE6 IE7 IE8 Firefox Chrome

故事扮演 提交于 2019-12-12 12:49:45
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 屏蔽鼠标右键的JS代码,兼容IE6 IE7 IE8 Firefox Chrome 我转载的这篇文章,实际应用了一下并验证了在IE8,Firefox 6.0.2,chrome14.0.835版本中的确有效果。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <body> <!-- 屏蔽网页右鍵,适用于IE6,IE7,IE8,FireFox,谷歌Chrome浏览器 开始--> <script type="text/javascript"> function clickIE4(){ if (event.button==2){ return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ return false; } } } function OnDeny(){ if(event.ctrlKey || event

IE6,IE7 Firefox 兼容问题

强颜欢笑 提交于 2019-12-06 17:52:26
关于ie6、ie7和ff浏览器兼容 网友评论 0 条 转载到博客 2009-1-8 16:11:23 来源: 本站整理 顶一下 这些方法都是我平时用到时在网上找到收藏下来的呵呵,我提前声明一下免得误会! 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) <style> #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } </style> 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. <style> #wrapper { #wrapper { width: 120px; } /* FireFox */ *html #wrapper { width: 80px;} /* ie6 fixed */ *+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */ } </style> 注意: *+html 对IE7的HACK 必须保证HTML顶部有如下声明: <