由于每个人的制作网页的水平不同,在制作网页的过程遇到的问题也不尽相同。这边选取部分制作网页经常会遇到的问题来进行解答。
1.超链接访问后hover样式就不再出现的问题?
被点击访问过的超链接样式不在具有hover和active了, 解决方法就是将CSS属性的排列顺序改变: L-V-H-A
ps:好在一开始书写时就没把这四种样式写全过,我只写 a:link ,a:hover ,一直没出现过什么问题,后来发现IE6下的a:visited 和 FF下的颜色不太一致,这才发现这一个问题。看来没有问题也不代表书写正确。
2.IE6的双倍边距BUG
例如:
<styletype="text/css">body{margin:0}
div{ float:left; margin-left:10px; width:200px; height:200px; border:1px solid red }</style>
浮动后本来外边距10px但IE解释为20px,解决办法是加上display:inline就好了。
ps:刚开始接触这一工作的时候真的是不知道怎么回事,以为是各个浏览器之间解释不同,制作时候只能小心意义的以ie6的宽度来定义,可惜FF和IE经常预览效果又不一致,被某些人抓住不放,当时很是气氛和郁闷,一气之下疯狂百度和谷歌,可惜那时候抓不住关键词,走了不少弯路才找到问题答案,好在现在解决了。
3.为什么FF下的文本没有办法撑开容器的高度呢?
一般上标准的浏览器中的固定高度值的容器是不会像IE6里那样被撑开的,那么我又想要固定高度又想能被撑开需要怎样设置呢?办法无非是去掉height设置min- height:200px; 这里为了照顾不认识minheight的IE6 可以这样定义:
div { height:auto!important; height:200px; min-height:200px; }
4.为什么无法定义1px左右的高度的容器呢?
IE6下这个问题是因为默认行高,解决方法有很多,例如:OVERFLOW:hidden | zoom:0.08 | line-height:1px
5.怎么样让层显示在FLASH之上
解决办法是将FLASH设置为透明:
<param name="wmode" value="TRANSPARENT" />
6.FIREFOX嵌套DIV标签居中问题的解决方法
假定有如下情况:
<div id="a"><div id="b"> </div></div>
如果要实现b在a中居中放置,一般只需用CSS设置A的TEXT-ALIGN属性为CENTER。这样的方法在IE里看起来一切正常;但是在 Firefox中b却会是居左的。