风火家人技术博客

技术总结精华贴

Tag: 兼容

html & html5, 转载

【转载】IE6 bug大全分享

1. 强制浏览器是用Web标准解析 HTML的写法 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”“http://www.w3.org/TR/html4/strict.dtd”> 或者XHTML的写法 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> 2、CSS选择器区分IE6不支持子选择器;先针对IE6使用常规申明CSS选择器,然后再用子选择器针对IE7+及其他浏览器。 .content {color:red;} div>p .content {color:blue;} 3、PNG半透明图片的问题虽然可以通过JS等方式解决,但依然存在载入速度等问题,所以,这个在设计上能避免还是尽量避免为好。以达到网站最大优化。 4、IE6下的圆角IE6不支持CSS3的圆角属性,性价比最高的解决方法就是用图片圆角来替代,或者放弃IE6的圆角。 5、IE6背景闪烁如果你给链接、按钮用CSS sprites作为背景,你可能会发现在IE6下会有背景图闪烁的现象。造成这个的原因是由于IE6没有将背景图缓存,每次触发hover的时候都会重新加载,可以用JavaScript设置IE6缓存这些图片:document.execCommand(“BackgroundImageCache”,false,true); 6、最小高度IE6 不支持min-height属性,但它却认为height就是最小高度。解决方法:使用ie6不支持但其余浏览器支持的属性!important。 #container {min-height:200px; height:auto !important; height:200px;} 7、最大高度//直接使用ID来改变元素的最大高度 var container = document.getElementByIdx_x(‘container’); container.style.height

Read More
html & html5, 原创

IE6,IE7,li 间距被莫名拉大

有时候在使用ul,li 的时候 发现 li 的间距被莫名拉大,导致的结果自然是FF等正常显示,而IE6,7却间距太大而影响美观。 用IE-TESTER 测试发现li下面莫名多出一部分,但又不属于该li的东西。 原因:如果你在ul中定义了padding,这个padding会继承到li中去,即便你真对该ul中的li设置了padding 为0 也不行,IE6,7不能识别这个继承的padding,解决方法就是在ul的外面在定义个div来设置你原来在ul中的padding值,ul还是设置padding为0,这样一切归于正常。这个问题跟设置float left rigjht 无关,与display inline 无关。 (717)

Read More
Javascript, 原创

IE6,IE7 Js设置margin无效,解决方法IE6 IE7 Js set margin donot work resolution

如果你遇到的问题跟我一样:IE6,IE7设置margin 调试发现margin有变化,但在这两个下面显示效果无变化。调试返回页面出现Source code is not available for this location。 这个经过多次测试,以及网络资料发现,在设置这个margin的元素上面增加一个样式zoom:1。发现IE6,IE7便可以运行正常。If you have this problem as mine: IE6,IE7 set margin but donot work. debug found that “Source code is not available for this location”. I test it a lot and found

Read More