日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

背景图片hover加蒙层_用hover怎么将li的背景图片变透明,文字不变,是背景图片,不是img插入...

發布時間:2024/1/23 编程问答 42 豆豆
生活随笔 收集整理的這篇文章主要介紹了 背景图片hover加蒙层_用hover怎么将li的背景图片变透明,文字不变,是背景图片,不是img插入... 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

匿名用戶

1級

2017-01-19 回答

1. h3,ul,li{ margin:0;無外補丁 padding:0;無內補丁}

2. ul,li{ list-style:none; 無列表樣式}

3. .header{ width:950px;寬950像素 background:#ededed;背景顏色為#ededed margin:0 auto;上下外補丁為0、左右自動; border:1px solid #d9d8d8;顏色#d9d8d8一像素的實線邊框 padding:5px; 外補丁5像素}

4. .brand{ float:left;向左浮動 width:555px;寬555}

5. .news{ float:right;向右浮動 width:373px;寬373}

6. .clear{ clear:both;清除浮動}

7. .pic{ border:1px solid #d9d8d8;顏色#d9d8d8一像素的實線邊框 border-top:none;無上邊框}

8. .pic_top{ background:url(images/top_bg.jpg) repeat-x;背景圖片x方向平鋪 height:31px;高31 line-height:31px;行高31}

9. .pic_top h3{ font-size:14px;字體大小14 color:#f06000; 字體顏色f06000 float:left;向左浮動 background:url(images/top_tt.jpg) no-repeat;背景圖片不平鋪 width:121px;寬 padding-left:15px;左內補丁15像素}

10. .pic_top a{ float:right;向右浮動 color:#525252; 字體顏色font-size:12px;字體大小 text-decoration:none; 無樣式 padding-right:10px; 右內補丁10像素}

11. .pic_top a:hover{ color:#f60;字體顏色 text-decoration:underline;文字有下滑線 }

12. .pic_cont ul li a img, .ad a img{ padding:1px; border:1px solid #d9d8d8; }

13. .pic_cont ul li a:hover img, .ad a:hover img{ border-color:#f60;}

14. .pic_cont ul li{ float:left; margin-right:7px; display:inline;}

15. .pic_cont{ padding:10px; background:#fff;}

16. .ad{ margin-top:10px;}

17. .news{ float:right; width:372px; height:200px; background:blue;背景藍色}

--------------------------

太多,重復的就不寫了,上面有的。

追問:

你沒看懂我的問題,我想用hover把背景圖片透明度改為0.5,css要怎么寫

總結

以上是生活随笔為你收集整理的背景图片hover加蒙层_用hover怎么将li的背景图片变透明,文字不变,是背景图片,不是img插入...的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。