网站建设CSS兼容性的几个重点

文章类型:常见问题    发表2015-03-28   文章编辑:怒熊网络 · 一站式互联网+技术服务商!   阅读:250

今天我们来谈下网站建设CSS兼容性的几个重点,让您在网站建设的时候更好的了解CSS兼容性问题!

我们都知道标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min- height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:

{
height:auto!important;
height:200px;
min-height:200px;

FireFox下如何使连续长字段自动换行

众所周知IE中直接使用 word-wrap:break-word 就可以了, FF中我们使用JS插入
的技巧来解决

<style type='text/css'>
<!--
div {
width:300px;
word-wrap:break-word;
border:1px solid red;
}
-->
</style>
<div id='ff'>aaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<scrīpt type='text/javascrīpt'>
/* <![CDATA[ */
function toBreakWord(el, intLen){
var ōbj=document.getElementById(el);
var strContent=obj.innerHTML;
var strTemp='';
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+'
';
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+='
'+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById && !document.all) toBreakWord('ff', 37);
/* ]]> */
</scrīpt>

ul,P,h3之类的标签要设为margin:0px padding:0px

IE与宽度和高度的问题

IE不认得min-这个定义,但实际上它把正常的width和height当作有min的情况来使。这样问题就大了,如果只用宽度和高度,正常的浏览器里这两个值就不会变,如果只用min-width和min-height的话,IE下面根本等于没有设置宽度和高度。

比如要设置背景图片,这个宽度是比较重要的。要解决这个问题,可以这样:

#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}