html - 为什么照片周围有一个模糊的边框？

Question

我正在向此页面添加内容：http ://rouviere.com/index-new出于某种原因，顶部的插图周围有一个模糊的边框。

这是html：

<div class="illustration">
    <img class="promo" src="http://www.rouviere.com/_photos/slides_photos.jpg" alt="we package it up" />
</div><!-- end #illustration -->

<div class="headline">
    <h2>Photos</h2>
<p id="sub-head">Show the magic of your world with fine photos</p>
</div>

这是CSS：

p#sub-head  { font-size: 24px; margin: 0 0 10px 35px; color: #000; }
img.promo   { float: right; margin-right: 20px; z-index: 0;   } 

我尝试添加边框：无；到图像，但它没有任何区别。

我将不胜感激任何有关解决方案的指导。

谢谢。

Answer 1

边框在图像本身上。

Answer 2

实际上，我找到了一个可能对您有用的答案。使用以下代码：

边框：0px 实心#cccccc ！重要；

它让它对我来说消失了，但是，如果你使用 box-shadow 功能，你仍然会在阴影渲染的一侧看到一个边框空间。

希望有帮助

Answer 3

这是一个合理的问题。谷歌有多个页面的人问同样的问题。这是一个自 CS3 以来一直存在的 Photoshop 错误，它为下采样的图像添加了模糊的边框。

解决方案是如果图像被下采样，则移除背景，以便隔离图像位于透明背景上。