锐客网

  1. 首页 > 睿知 > >

常见的浏览器兼容问题有哪些 常用浏览器兼容问题汇总( 二 )

睿知


解决方案：如果我们要设置一个标签的最小高度200px，需要进行的设置为：{min-height:200px; height:auto !important; height:200px; overflow:visible;}
备注：在B/S系统前端开时 ， 有很多情况下我们又这种需求 。当内容小于一个值（如300px）时 。容器的高度为300px；当内容高度大于这个值时，容器高度被撑高 ， 而不是出现滚动条 。这时候我们就会面临这个兼容性问题 。
浏览器兼容问题七：透明度的兼容CSS设置
做兼容页面的方法是：每写一小段代码（布局中的一行或者一块）我们都要在不同的浏览器中看是否兼容，当然熟练到一定的程度就没这么麻烦了 。建议经常会碰到兼容性问题的新手使用 。很多兼容性问题都是因为浏览器对标签的默认属性解析不同造成的，只要我们稍加设置都能轻松地解决这些兼容问题 。如果我们熟悉标签的默认属性的话 ， 就能很好的理解为什么会出现兼容问题以及怎么去解决这些兼容问题 。
/× CSS hack*/

我很少使用hacker的，可能是个人习惯吧，我不喜欢写的代码IE不兼容，然后用hack来解决 。不过hacker还是非常好用的 。使用hacker我可以把浏览器分为3类：IE6 ；IE7和遨游；其他（IE8 chrome ff safari opera等）
◆IE6认识的hacker 是下划线_ 和星号 *
◆IE7 遨游认识的hacker是星号 *
比如这样一个CSS设置：
height:300px;*height:200px;_height:100px;

IE6浏览器在读到height:300px的时候会认为高时300px；继续往下读，他也认识*heihgt，所以当IE6读到*height:200px的时候会覆盖掉前一条的相冲突设置，认为高度是200px 。继续往下读，IE6还认识_height,所以他又会覆盖掉200px高的设置，把高度设置为100px；
【常见的浏览器兼容问题有哪些 常用浏览器兼容问题汇总】IE7和遨游也是一样的从高度300px的设置往下读 。当它们读到*height200px的时候就停下了，因为它们不认识_height 。所以它们会把高度解析为200px，剩下的浏览器只认识第一个height:300px;所以他们会把高度解析为300px 。因为优先级相同且想冲突的属性设置后一个会覆盖掉前一个，所以书写的次序是很重要的 。

推荐阅读


上一篇：家用壁挂炉为什么有空气？详细为你介绍故障原因

下一篇：茕茕孑立形影相吊的意思 茕茕孑立形影相吊的解释