最贊回答 / qq__842
background-position里多了個(gè),號(hào),這是css3的用法:為了支持多個(gè)背景圖達(dá)到背景圖層疊效果。也就是說因?yàn)槟阒挥幸粡埍尘皥D,瀏覽器只解析第一個(gè),號(hào)前的參數(shù)。但是那個(gè)參數(shù)你其實(shí)只給了0px.
2016-06-29
最贊回答 / C0EEC3F7BBAA
你要先回視頻里看一下背景圖,上面是灰色圓角,下面是橙色圓角,高度有限默認(rèn)只顯示出來上半部分也就是灰色圓角部分,hover時(shí)候讓背景圖向上移動(dòng)也就是-30px就只顯示背景圖的下半部分也就是橙色圓角了。以此來實(shí)現(xiàn)懸停背景變換
2016-06-17
最贊回答 / weibo_臥蠶哥哥的甜品公舉_0
如果你設(shè)置了ul寬度值的話,li左浮動(dòng)了以后,外面包裹著li的ul寬度值太小,你設(shè)置了左浮動(dòng)它沒辦法顯示出水平的效果,最好是把ul的寬度值去掉,讓它自適應(yīng),這樣就不會(huì)因?yàn)閷挾炔粔蚨@示不出我們?cè)O(shè)置的樣式了,個(gè)人淺見
2016-06-16
最贊回答 / qq_加菲喵_0
因?yàn)樗o的圖片<...圖片...>是120x60 ?看下邊代碼中.nav li a的設(shè)置 height30px width120px 剛好默認(rèn)圖片加載到上半部分, 點(diǎn)的時(shí)候要顯示紅色就讓他向上移動(dòng)30px剛好顯示到下半部分圖片 就達(dá)到了顯示紅色的目的<...code...>
2016-06-16
最贊回答 / 紫菜中毒
背景圖片不設(shè)置相關(guān)顯示格式時(shí),圖片大小會(huì)依照當(dāng)前內(nèi)容(width:20;height:30px)的大小 對(duì)比自身(width:30px;height:50px)來顯示只會(huì)顯示圖片左上角將近一半的面積;如果當(dāng)前內(nèi)容(width:60;height:50px)圖片就是會(huì)顯示兩張;
2016-06-10
最贊回答 / DQJ俊逸
var oSubNav=this.getElementsByTagName('ul')[0];//代碼是不是有這么一段?var aLi=document.getElementsByTagName('li');document代表文檔流。就是現(xiàn)實(shí)html標(biāo)簽和文本的窗口getElementsByTagName("li")這是一個(gè)獲取元素的方法,通過標(biāo)簽名字去獲取,什么標(biāo)簽名字呢——"li";在文檔流下的“l(fā)i”元素肯定不止一個(gè)吧,所以他返回給你的是一個(gè)HTML元素集合,他有數(shù)組的一些特性,比如下標(biāo)([0],...
2016-06-07
最新回答 / 深夏之葉
<...圖片...><...圖片...>第一張圖是我寫代碼驗(yàn)證的a標(biāo)簽的盒子模型圖,第二張圖是對(duì)應(yīng)的li標(biāo)簽的盒子模型圖,我設(shè)置a標(biāo)簽的padding-left為10px之后,在li標(biāo)簽中的盒子模型中寬度是130,而不是140呀。不懂為什么老是那里說整體的寬度還會(huì)再增加10。
2016-06-06
最贊回答 / Willsf
background-position是設(shè)置背景位置,第一個(gè)參數(shù):水平位置(左右)為0是不變化;第二個(gè)參數(shù):設(shè)置垂直方向 (上下),-30px是向下移動(dòng)30px。為什么減30px呢?因?yàn)檫@個(gè)按鈕圖片本身是120px*60px,總高度為60px;且已經(jīng)在a樣式里面設(shè)置為height: 30px;顯示白色背景圓角。所以background-position:0 -30px;就是當(dāng)你放在按鈕時(shí)候高度下降30px,就有白色背景變?yōu)槌壬尘靶Ч?/div>
2016-06-01
- 課程須知
- 1.熟悉html知識(shí),尤其對(duì)<ul>和<a>比較熟悉; 2.對(duì)css樣式比較了解; 3.掌握J(rèn)avaScript和jQuery基礎(chǔ)知識(shí)。
- 老師告訴你能學(xué)到什么?
- 輕松制作出各種形式的網(wǎng)站導(dǎo)航條菜單
微信掃碼,參與3人拼團(tuán)