透明边界
透明边界
提问于 2014-01-16 10:13:32
我想通过使用CSS在图像周围设置一个透明的边框。我找不到任何办法来做这个。
这是我的图像的链接，具有透明的内部边界效果。
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-01-16 11:59:03
这不是一个容易的任务，因为图像是被替换的元素，并且有相当多的限制(伪元素不能工作，inset框阴影不能工作，.)。
您有几个选项(可能还有更多的选项，我只列出两个)：
解决方案1:使您的图像成为背景图像-普通div的图像并应用边界-此边框将自动重叠图像。顺便说一句，您可以使用background-clip和background-origin来改变这种行为。
问题:您需要知道图像的尺寸，以相应地调整div的大小。
解决方案2:将图像包装到另一个元素中，并声明应用边框的伪元素。重要的是img上的display:block和包装器元素上的position:relative。
例琴
Stack Overflow用户
发布于 2014-01-16 13:26:46
使用box-shadow
这个CSS box-shadow: inset 0 0 0px 8px rgba(255, 16, 16, 0.45);
你可以令人惊奇地做这件事--他喜欢它
http://jsfiddle.net/Q8d6V/3/
Stack Overflow用户
发布于 2014-01-16 12:26:27
我可以提供使用4边框与position:absolute。您可以更改每个边框的样式。对于exaple，为左边框和顶部边框添加阴影
例琴
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21158864
复制相关文章
相似问题
腾讯云开发者
