联想网页制作笔试真题

招聘笔试题2018-11-22李一老师

联想招聘网页制作设计师啦,中国人才网提供招聘笔试给求职者能更顺利的找工作!

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 可以这样定义:

相关推荐

猜你喜欢

大家正在看

换一换