聯(lián)想網(wǎng)頁(yè)制作筆試真題

發(fā)布時(shí)間：2017-12-02 來(lái)源:CN人才網(wǎng) www.dgxbdz.com 手機(jī)版

聯(lián)想招聘網(wǎng)頁(yè)制作設(shè)計(jì)師啦，中國(guó)人才網(wǎng)提供招聘筆試給求職者能更順利的找工作！

1、margin-left:10px在FF和IE6下顯示問(wèn)題。IE6顯示 20px,FF顯示10px。

用!important就可以解決了。margin-left:10px !important;margin-left:5px;

2、cursor:hand在FF不顯示小手，如何解決?

一句話(huà)：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" 三個(gè)就寫(xiě)上，F(xiàn)F只認(rèn)識(shí)第一個(gè)#test,IE6只認(rèn)識(shí)第二個(gè)*html #test，IE7只認(rèn)識(shí)第三個(gè)* html #test

PS：DTD必須加上要不還是不認(rèn)。

4、在IE中內(nèi)容會(huì)自適應(yīng)高度，而FF不會(huì)自適應(yīng)高度。

在要自適應(yīng)高度的層中加一個(gè)層，樣式為

.clear{clear:both;font-size:0px;height:1px}，

這樣解決有一個(gè)小小的問(wèn)題，高度會(huì)多一個(gè)像素。還有一種解決方法，給當(dāng)前層加上一個(gè)偽類(lèi)

#test:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

1.超鏈接訪(fǎng)問(wèn)過(guò)后hover樣式就不出現(xiàn)的問(wèn)題?

被點(diǎn)擊訪(fǎng)問(wèn)過(guò)的超鏈接樣式不在具有hover和active了,解決方法是改變CSS屬性的排列順序: L-V-H-A

2.IE6的雙倍邊距BUG

例如:

浮動(dòng)后本來(lái)外邊距10px,但I(xiàn)E解釋為20px,解決辦法是加上display:inline

3.為什么FF下文本無(wú)法撐開(kāi)容器的高度?

標(biāo)準(zhǔn)瀏覽器中固定高度值的容器是不會(huì)象IE6里那樣被撐開(kāi)的,那我又想固定高度，又想能被撐開(kāi)需要怎樣設(shè)置呢?辦法就是去掉he ight設(shè)置min-height:200px; 這里為了照顧不認(rèn)識(shí)min-height的IE6 可以這樣定義：

div { height:auto!important; height:200px; min-height:200px; }

4.為什么web標(biāo)準(zhǔn)中IE無(wú)法設(shè)置滾動(dòng)條顏色了?

原來(lái)樣式設(shè)置：

解決辦法是將body換成html

5.為什么無(wú)法定義1px左右高度的容器?

IE6下這個(gè)問(wèn)題是因?yàn)槟J(rèn)的行高造成的，解決的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px

6.怎么樣才能讓層顯示在FLASH之上呢?

解決的辦法是給FLASH設(shè)置透明:

7.怎樣使一個(gè)層垂直居中于瀏覽器中?

這里使用百分比絕對(duì)定位，與外補(bǔ)丁負(fù)值的方法，負(fù)值的大小為其自身寬度高度除以二

8、firefox嵌套div標(biāo)簽的居中問(wèn)題的解決方法

假定有如下情況：