如何用css让图片上有一块透明？？
如图让圆圈能显示背景的木头颜色，圆圈是在每个矩形上加的div
梅影西风浏览 7511回答 7
7回答
-
FengCMS
我的代码是基于懒人一只的代码的优化.因为我感觉使用定位去优化不太优雅.所以,就优化了一下.思路还是人家的.<!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> -
懒人一只
这是我给body添加背景色的样子 -
刚毅87
设置 opcity = 0;吧透明度设为0就行了 -
依韵_宵音
试试rgba这个属性吧，rgb分别是颜色 a 表示透明度。 -
smilelove
楼上的回答都是用border来实现外层的圆角矩形，可是矩形有内容呢，难道把内容放在border上??用定位？？太复杂吧
随时随地看视频慕课网APP
Html/CSS
Html5