課程
/前端開發(fā)
/JavaScript
/側(cè)欄工具條開發(fā)
.toolbar-item-feedback?a:hover{ background-position:?0?-156px; ????}
為什么我把鼠標(biāo)放上去顯示不了圖片!????
2015-07-31
源自:側(cè)欄工具條開發(fā) 2-3
正在回答
&:hover這個(gè)無(wú)效果,這是什么寫法啊
按照樓上的打,還是不能顯示二維碼
到本節(jié)課的時(shí)候的代碼,可以顯示圖片的,看看class類有沒有敲錯(cuò)。scss代碼如下
$toolbar-size:?52px; .toolbar{ position:?fixed; left:?50%; bottom:?5px; margin-left:?-$toolbar-size?/?2; } .toolbar-item{ position:?relative; display:?block; width:?$toolbar-size; height:?$toolbar-size; background-image:?url(../img/toolbar.png); background-repeat:?no-repeat; margin-top:?1px; transition:?background-position?1s; &:hover{ .toolbar-layer{ opacity:1; filter:?alpha(opacity=100); transform:?scale(1);; } } } .toolbar-item-weixin{ background-position:?0?-798px; &:hover{ background-position:?0?-860px; } .toolbar-layer{ height:?212px; background-position:?0?0; } } .toolbar-item-feedback{ background-position:?0?-426px; &:hover{ background-position:?0?-488px; } } .toolbar-item-app{ background-position:?0?-550px; &:hover{ background-position:?0?-612px; } .toolbar-layer{ height:?194px; background-position:?0?-222px; } } .toolbar-item-top{ background-position:?0?-674px; &:hover{ background-position:?0?-736px; } } .toolbar-layer{ position:?absolute; right:?$toolbar-size?-?6; bottom:?-10px; width:?172px; background-image:?url(../img/toolbar.png); background-repeat:?no-repeat; opacity:?0; filter:?alpha(opacity=0); transform-origin:?95%?95%; transform:?scale(0.01); transition:?all?1s; }
好像你的css ?都沒有圖片地址吧。
SimGyun 提問(wèn)者
舉報(bào)
帶動(dòng)畫效果的工具條,掌握如何用CSS3完成簡(jiǎn)單的動(dòng)畫效果
1 回答a:hover來(lái)控制其他的標(biāo)簽
1 回答關(guān)于 a:hover{} 在編譯后 發(fā)現(xiàn)css文件里并沒有a:hover{}
1 回答顏色不顯示
1 回答圖標(biāo)不顯示
1 回答圖標(biāo)顯示不同
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-10-18
&:hover這個(gè)無(wú)效果,這是什么寫法啊
2016-11-07
按照樓上的打,還是不能顯示二維碼
2015-08-02
到本節(jié)課的時(shí)候的代碼,可以顯示圖片的,看看class類有沒有敲錯(cuò)。scss代碼如下
2015-07-31
好像你的css ?都沒有圖片地址吧。