0

我要做的就是将边框半径应用于图像。这是它的css（我在另一个项目中有非常相似的css，它工作得很好）。

.testimonial-pic img {
width:48px; 
height:48px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}​

我想，也许 html 中有一些东西继承导致它失败，但也无法立即发现任何明显的东西。

<blockquote class="testimonial">
<p>You don’t need to see his identification. 
These aren’t the droids you’re looking   for. 
He can go about his business. Move along.</p>
 </blockquote>
 <div class="arrow-down"></div>
  <img class="testimonial-pic" src="carmen_villadar_thumb.jpg"   />
  <p class="testimonial-author">Obi-Wan Kenobi | <span>Jedi Master</span></p>

我试图更改应用 css 的顺序。我还检查了我周围的 css 并且看不到任何应该冲突的东西，特别是考虑到我没有将任何 css 应用于任何其他图像属性的事实，我还命名了一个独立的类，所以不明白为什么这不是或不应该工作。

这是实时页面的链接，以防万一：https ://dl.dropbox.com/u/3417415/testimonials/carmen_villadar.html

4

3 回答 3

5

您的规则应适用于img.testimonial-pic. 您当前正在将该规则应用于具有 class 的元素内的图像.testimonial-pic。

于 2012-08-20T16:05:58.523 回答
1

改变你css的

.testimonial-pic img {}

到

.testimonial-pic {}

你img有一个类，所以将另一个 img 附加到你的类是针对错误的元素

于 2012-08-20T16:07:53.657 回答
0

.testimonial-pic img指定您正在寻找具有testimonial-pic包含图像的类的容器。在您的 HTML 中，您有<img class="testimonial-pic" src="carmen_villadar_thumb.jpg" />一个带有 class 的图像testimonial-pic。您要么需要包装图像或将您的 css 更改为

img.testimonial-pic {
width:48px; 
height:48px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}​
于 2012-08-20T16:07:35.197 回答