为什么照片周围有微弱的边框？

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;   } 

我尝试添加border：none;到图像但它没有任何区别。

我希望得到解决方案的任何指导。

感谢。

Answer 1

边框位于图像本身上。

Answer 2

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

解决方法是在图像进行下采样时删除背景，以使隔离的图像位于透明背景上。

Answer 3

实际上，我找到了一个可能适合你的答案。使用以下代码：

border：0px solid #cccccc！important;

它让它消失了，但是，如果你使用盒子阴影功能，你仍会在阴影渲染的一侧看到一个边框空间。

希望有所帮助