0

http://jsfiddle.net/sheriffderek/4JkkF/1/ ///新版本的小提琴///

请查看这个 jsfiddle。

我无法将我的图像保持在各自带有圆角的 div 的边界内。这真的很简单，直到我被要求在所有东西上加上边界半径......任何帮助将不胜感激......

在此处输入图像描述

情况的进一步解释...

在每个“帖子”的 CSM 中，我填写字段...

一个以 php 作为标题，一个作为缩略图，一个作为描述，以及 - 一个作为进入滑块的图像。（img的列表）<img src="" alt="">'s等...

整个布局是流动的 - 所以我需要图像保持在像 div 这样的“框架”后面......就像在 css 中的背景图像中一样......并且在不弄乱圆角的情况下改变大小......我可以用img的样式来做，但我只是出于某种原因认为-img所在的div会决定外边缘......但是-到目前为止我错了......

4

2 回答 2

0

When you specify a border-radius, then the content gets "wrapped" inside the borders -- so the image inside your div gets pushed by the corners, not clipped. You can achieve the desired behavior by using the image as a background to the div instead.

A little working demo: little link.

I hope that helped in any manner!

于 2012-08-24T17:59:50.567 回答
0

但我不明白为什么img首先出现在div中......

第一种情况下的图像本身比周围的 div 大。但是周围的 div 有一个溢出：隐藏加上宽度和高度。

所以环绕 div.thumbnail 不会按比例放大..

我的建议是：

    <div class="thumbnail" style="height:50%;width:50%;position:static">
    <img src="http://derekthomaswood.com/place/blink3.gif" alt="" style="position:static; display: block;width:100%;height:100%">
</div>
<!-- of course adjusting the classes, not as inline css ;-) 
  resizing works over adjusting the div.thumbnails dimensions
-->

HTH 格克斯塔

于 2012-08-24T20:36:25.917 回答