亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何用css讓圖片上有一塊透明??

如何用css讓圖片上有一塊透明??

梅影西風 2016-06-08 09:58:34
如圖讓圓圈能顯示背景的木頭顏色,圓圈是在每個矩形上加的div
查看完整描述

7 回答

?
FengCMS

TA貢獻14條經驗 獲得超9個贊

我的代碼是基于懶人一只的代碼的優化.因為我感覺使用定位去優化不太優雅.所以,就優化了一下.思路還是人家的.

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Document</title>
</head>
<body>
????<div?class="box">
????????<div?class="love"></div>
????</div>
</body>
</html>
<style>
????body?{background:?#999;}
????.box?{
????????background-color:?transparent;
????????width:?30px;height:?30px;border-radius:?15px;
????????border-color:?#f60;border-style:?solid;
????????border-width:?40px?200px?20px?20px;
????}
????.love?{
????????background-color:?transparent;
????????width:?30px;height:?30px;border-radius:?15px;
????????box-shadow:?0?0?0?15px?#f60;
????}
</style>


查看完整回答
7 反對 回復 2016-06-15
  • ziler3152301
    ziler3152301
    學習了
  • smilelove
    smilelove
    這樣整個box的內容區域就是love了,別的內容怎么放,例如上圖中的文字??還是用定位??
?
懶人一只

TA貢獻14條經驗 獲得超19個贊

這是我給body添加背景色的樣子
http://img1.sycdn.imooc.com//5757d2bd0001f14e07770359.jpg

查看完整回答
3 反對 回復 2016-06-08
?
剛毅87

TA貢獻345條經驗 獲得超309個贊

設置 opcity = 0;吧透明度設為0就行了

查看完整回答
2 反對 回復 2016-06-08
  • 梅影西風
    梅影西風
    不行 顯示的是矩形的顏色
  • 剛毅87
    剛毅87
    也是,那你可以在圓形 div 中插入木頭的背景圖片,然后通過定位背景圖片的位置.
  • 梅影西風
    梅影西風
    沒有更簡便的方法嗎 假如有很多個圓 那不是太麻煩了嗎
點擊展開后面1
?
依韻_宵音

TA貢獻4條經驗 獲得超1個贊

試試rgba這個屬性吧,rgb分別是顏色 a 表示透明度。

查看完整回答
反對 回復 2016-06-27
?
smilelove

TA貢獻4條經驗 獲得超56個贊

樓上的回答都是用border來實現外層的圓角矩形,可是矩形有內容呢,難道把內容放在border上??用定位??太復雜吧

查看完整回答
反對 回復 2016-06-26
  • 7 回答
  • 2 關注
  • 7644 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號