联想招聘网页制作设计师啦,中国人才网提供招聘笔试给求职者能更顺利的找工作!
1、margin-left:10px在FF和IE6下显示问题。IE6显示 20px,FF显示10px。
用!important就可以解决了。margin-left:10px !important;margin-left:5px;
2、cursor:hand在FF不显示小手,如何解决?
一句话:cursor;pointer;
3、要求在FF显示height为20px;IE6下显示height为25px;IE7下显示height为30px.
#test{height:20px;}
*html #test{height:25px;}
* html #test{height:30px;}
解决CSS兼容性最常用的"Haker" 三个就写上,FF只认识第一个#test,IE6只认识第二个*html #test,IE7只认识第三个* html #test
PS:DTD必须加上要不还是不认。
4、在IE中内容会自适应高度,而FF不会自适应高度。
在要自适应高度的层中加一个层,样式为
.clear{clear:both;font-size:0px;height:1px},
这样解决有一个小小的问题,高度会多一个像素。还有一种解决方法,给当前层加上一个伪类
#test:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
1.超链接访问过后hover样式就不出现的问题?
被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A
2.IE6的双倍边距BUG
例如:
浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline
3.为什么FF下文本无法撑开容器的高度?
标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉he ight设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义: