課程
/前端開發
/HTML/CSS
/十天精通CSS3
qwq 嚶~
2017-07-18
源自：十天精通CSS3 7-8
正在回答
?a:hover:before{
? ? ? ? ? ? opacity:0;
? ? ? ? ? ? }
這是鼠標移動到a::before之上透明度為0
? a::before{
? ? ? ? ? ? content:"";
? ? ? ? ? ? display: block;
? ? ? ? ? ? height: 120px;
? ? ? ? ? ? width: 120px;
? ? ? ? ? ? border: 5px solid #fff;
? ? ? ? ? ? border-radius: 50%;
? ? ? ? ? ? position: absolute;
? ? ? ? ? ? left: 50%;
? ? ? ? ? ? margin-left: -60px;
? ? ? ? ? ? z-index: 99999;
? ? ? ? ? ? top: -80px;
? ? ? ? ? ? background: rgba(0,0,0,0.3);
background: rgba(0,0,0,0.3);最后0.3是設置透明度
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網頁穿上絢麗裝備
1 回答為什么點擊縮略圖可以切換背景？
4 回答如何設置背景圖片的透明度
3 回答關于縮略圖的問題
1 回答為什么縮略圖就一個啊
1 回答為什么第一張縮略圖和第二張縮略圖沒有效果？有什么問題嗎
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-07-24
?a:hover:before{
? ? ? ? ? ? opacity:0;
? ? ? ? ? ? }
這是鼠標移動到a::before之上透明度為0
2017-07-24
? a::before{
? ? ? ? ? ? content:"";
? ? ? ? ? ? display: block;
? ? ? ? ? ? height: 120px;
? ? ? ? ? ? width: 120px;
? ? ? ? ? ? border: 5px solid #fff;
? ? ? ? ? ? border-radius: 50%;
? ? ? ? ? ? position: absolute;
? ? ? ? ? ? left: 50%;
? ? ? ? ? ? margin-left: -60px;
? ? ? ? ? ? z-index: 99999;
? ? ? ? ? ? top: -80px;
? ? ? ? ? ? background: rgba(0,0,0,0.3);
? ? ? ? ? ? }
background: rgba(0,0,0,0.3);最后0.3是設置透明度