1.超链接访问过后hover样式就不出现的问题?
被点击访问过后的链接已经不在具有hover和active了,解决的方案是在样式中css属性的顺序:L-V-H-A
2.IE6的双倍边距BUG
标准浏览器中固定高度值的窗口不会像IE6里那样被撑开,如果我们想在标准浏览器中也实现这个效果,
原样式:
<style type="text/css">
body{
scrollbar-face-color:#f6f6f6;
scrollbar-heightlight-color:#fff;
scrollbar-shadow-color:#eeeeee;
scrollbar-3dlight-color:#eeeeee;
scrollbar-arrow-color:#000;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}
</style>
IE6下这个问题是由于默认行高造成的,解决方案是:添加overflow:hidden;
<param name="wmode" value="transparent"/>
div{
position:absolute;
top:50%;
left:50%;
width:200px;
height:200px;
border:1px solid #000;
background:#ff0;
margin-left:-100px;
margin-top:-100px;
}
</style>
假如有以下情况:
<div id="a">
<div id="b"></div>
</div>
要实现b在a中间居中放置。
一般只需要设置a的text-align:center;这样IE就可以正常显示了,但是firefox中b却还是居左,可以设置
b{margin:0 auto;}
被点击访问过后的链接已经不在具有hover和active了,解决的方案是在样式中css属性的顺序:L-V-H-A
2.IE6的双倍边距BUG
浮动后本来应该是左浮动为10px;但是IE去解析为左浮动20px;解决的方案是加上display:inline;
标准浏览器中固定高度值的窗口不会像IE6里那样被撑开,如果我们想在标准浏览器中也实现这个效果,
解决方案是:去掉height:20px;添加min-height:20px;
原样式:
<style type="text/css">
body{
scrollbar-face-color:#f6f6f6;
scrollbar-heightlight-color:#fff;
scrollbar-shadow-color:#eeeeee;
scrollbar-3dlight-color:#eeeeee;
scrollbar-arrow-color:#000;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}
</style>
可以把body标签换成html。
IE6下这个问题是由于默认行高造成的,解决方案是:添加overflow:hidden;
6.怎么样才能让层显示在FLASH之上呢?
解决方案:设计floah透明<param name="wmode" value="transparent"/>
7.怎样使一个层垂直居中于浏览器中?
<style type="text/css">div{
position:absolute;
top:50%;
left:50%;
width:200px;
height:200px;
border:1px solid #000;
background:#ff0;
margin-left:-100px;
margin-top:-100px;
}
</style>
这里使用百分比绝对值,与外补丁负值的方法,负值的大小为其自身的宽度高度除以2.
假如有以下情况:
<div id="a">
<div id="b"></div>
</div>
要实现b在a中间居中放置。
一般只需要设置a的text-align:center;这样IE就可以正常显示了,但是firefox中b却还是居左,可以设置
b{margin:0 auto;}