一:内嵌式
目前成都创新互联已为1000+的企业提供了网站建设、域名、网站空间、网站托管运营、企业网站设计、尉犁网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
在HTML文档头部定义多个style元素,实现多个样式表,作用于当前页面。
二:外部引用式
①直接在HTML文档头部引入css样式文件,作用于引入当前文件的所有页面。
三:内联式
使用当前元素的style属性进行样式设置,只作用于当前元素。
内联式内嵌式外部引用式
1、IE6支持max-height解决方法
IE6支持最大高度解决CSS代码:
.yangshi{max-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)1000?"1000px":"");overflow:hidden;}
说明:max-height:1000px; 这个是IE6以上级其它品牌浏览器支持最大范围高度。而_height:expression((document.documentElement.clientHeight||document.body.clientHeight)1000?"1000px":"");overflow:hidden;则是让IE6支持max-height替代CSS代码,但效果和其它版本浏览器相同效果。
让所有浏览器都支持max-height的CSS样式代码,完整:
max-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)1000?"1000px":""); overflow:hidden;这里的1000和1000px是你需要的数值,注意3个数值的相同。
让IE6支持最大高度max-height的时候别忘记加上overflow:hidden;
2、IE6支持min-height解决方法
IE6支持最小高度解决CSS代码:
.yangshi{min-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)1000?"1000px":"");}
说明:min-height:1000px; 这个是IE6以上级其它品牌浏览器支持最小范围高度。而_height:expression((document.documentElement.clientHeight||document.body.clientHeight)1000?"1000px":"");则是让IE6支持min-height替代CSS代码,但效果和其它版本浏览器相同效果。
让所有浏览器都支持min-height的CSS样式代码,完整:
min-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)1000?"1000px":""); 这里的1000和1000px是你需要的数值,注意3个数值的相同。
3、IE6支持max-height又支持min-height方法
让所有浏览器包括IE6即支持最大高度又支持最小高度。
.yangshi{Max-Height:620px;Min-Height:40px;_height:expression(this.scrollHeight 620 ? "620px" : (this.scrollHeight 40 ? "40px" : "auto"));}
IE6支持Max-Height和支持Min-Height CSS代码
_height:expression(this.scrollHeight 620 ? "620px" : (this.scrollHeight 40 ? "40px" : "auto"));
说明:以上代码作用是让对象的最小高度为40px,最大高度为620px的CSS样式属性
1、新建一个html文件,命名为test.html
2、在test.html文件内,使用css设置页面所有的div宽度为300px,高度为300px,div的位置为绝对定位。
3、在test.html文件内,创建三个div,并用文字标识,分别为底层div、中层div、最顶层div。
4、在test.html文件内,分别给三个div设置class属性为one、two、three,用于下面对类名进行样式设置。
5、在css标签内,设置类名为one的div样式,设置其背景颜色为红色,距离页面左边缘为0,距离页面上边缘为0,同时使用z-index设置其层级为1。
6、在css标签内,设置类名为two的div样式,设置其背景颜色为黄色,距离页面左边缘为50px,距离页面上边缘为50px,同时使用z-index设置其层级为2,即在类名为one的div的上面。
7、在css标签内,设置类名为three的div样式,设置其背景颜色为粉红色,距离页面左边缘为100px,距离页面上边缘为100px,同时使用z-index设置其层级为3,即在页面三个div中的最顶层。
8、在浏览器打开test.html文件,查看实现的层级效果。
css有“就近获取样式”原则,所以你的css可能被覆盖了!后写的和后倒入的css优先级更高,在html代码中的style属性优先级最高!你可以参考一下我说的看是否css被覆盖了~
在样式后面加上一个 !important;
比如这样 padding: 0 !important;
我想应该有两个问题,一个是z_index=100应该写成z-index:100,而且这个属性应该写进css里面,或是用样式表,或是用style,总之不能直接用div z_index=100这样的写法。
另外一个可能的问题,是z-index属性只有在定义了position:absolute或者position:fixed之后才会生效,单单定义一个z-index是没有用的。它一般只对绝对定位的元素起作用。