如圖讓圓圈能顯示背景的木頭顏色，圓圈是在每個(gè)矩形上加的div
如何用css讓圖片上有一塊透明？？
梅影西風(fēng)
2016-06-08 09:58:34
7 回答
FengCMS
TA貢獻(xiàn)14條經(jīng)驗(yàn) 獲得超9個(gè)贊
我的代碼是基于懶人一只的代碼的優(yōu)化.因?yàn)槲腋杏X使用定位去優(yōu)化不太優(yōu)雅.所以,就優(yōu)化了一下.思路還是人家的.
<!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>-
ziler3152301學(xué)習(xí)了 -
smilelove這樣整個(gè)box的內(nèi)容區(qū)域就是love了，別的內(nèi)容怎么放，例如上圖中的文字？？還是用定位？？
-
梅影西風(fēng)不行 顯示的是矩形的顏色 -
剛毅87也是,那你可以在圓形 div 中插入木頭的背景圖片,然后通過定位背景圖片的位置.
-
梅影西風(fēng)沒有更簡便的方法嗎 假如有很多個(gè)圓 那不是太麻煩了嗎
點(diǎn)擊展開后面1條
smilelove
TA貢獻(xiàn)4條經(jīng)驗(yàn) 獲得超56個(gè)贊
樓上的回答都是用border來實(shí)現(xiàn)外層的圓角矩形，可是矩形有內(nèi)容呢，難道把內(nèi)容放在border上??用定位？？太復(fù)雜吧
添加回答
舉報(bào)
0/150
提交
取消