我在一个包含 img 的元素中添加了一个框阴影,它在该元素的底部创建了一个任意的白色边框。没有通过 CSS 应用边框(我什至尝试用 border:none;
覆盖但没有运气)。当直接应用于图像时,它会正确显示。但是当应用于包含图像的 div 时,会出现边框。
非常感谢任何帮助。
<style>
html,body,div,img {margin:0; padding:0;}
body {padding:50px;}
.badge_image {
float:left;
/* css drop shadow */
-webkit-box-shadow: 1px 1px 5px 0px #a2958a;
-moz-box-shadow: 1px 1px 5px 0px #a2958a;
box-shadow: 1px 1px 5px 0px #a2958a;
}
</style>
<div class="badge_image">
<img src="badge-image.jpg" height="75" width="75" />
</div>
<br clear="all" /><br clear="all" />
<img src="badge-image.jpg" height="75" width="75" class="badge_image" /><!-- works fine -->
最佳答案
尝试显示图像 block 。
.badge_image img {
display: block;
}
关于border - CSS Box-Shadow 给Div添加任意白色边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7001889/