課程
/前端開發
/JavaScript
/側欄工具條開發
.toolbar-item-feedback?a:hover{ background-position:?0?-156px; ????}
為什么我把鼠標放上去顯示不了圖片!?。??
2015-07-31
源自:側欄工具條開發 2-3
正在回答
&:hover這個無效果,這是什么寫法啊
按照樓上的打,還是不能顯示二維碼
到本節課的時候的代碼,可以顯示圖片的,看看class類有沒有敲錯。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 提問者
舉報
帶動畫效果的工具條,掌握如何用CSS3完成簡單的動畫效果
1 回答a:hover來控制其他的標簽
1 回答關于 a:hover{} 在編譯后 發現css文件里并沒有a:hover{}
1 回答圖標不顯示
1 回答顏色不顯示
1 回答圖標顯示不同
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-10-18
&:hover這個無效果,這是什么寫法啊
2016-11-07
按照樓上的打,還是不能顯示二維碼
2015-08-02
到本節課的時候的代碼,可以顯示圖片的,看看class類有沒有敲錯。scss代碼如下
2015-07-31
好像你的css ?都沒有圖片地址吧。