Question

我想要的是将边界半径应用于图像。这是它的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

Answer 1

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

Answer 2

从

更改css

.testimonial-pic img {}

到

.testimonial-pic {}

您的img有一个课程，因此在您的课程中添加另一个img会定位错误的元素

Answer 3

.testimonial-pic img指定您正在查找包含图像的类testimonial-pic的容器。在您的HTML中，您有<img class="testimonial-pic" src="carmen_villadar_thumb.jpg" />，这是一个类testimonial-pic的图片。你需要包装图像或将你的CSS更改为

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

无法理解我的img简单类有什么问题

3 个答案: