Php 不包含图像/图像/溢出的圆角:隐藏;
///新版小提琴/// 请查看这个jsfiddle 我很难将我的图像保持在圆角的各自div的边界内。这真的很简单,直到我被要求在所有东西上加上边界半径。。。任何帮助都将不胜感激 对情况的进一步解释 在CSM中,我为每个“帖子”填充字段 一个作为标题,一个作为缩略图,一个作为描述,一个作为进入滑块的图像。(img的列表)Php 不包含图像/图像/溢出的圆角:隐藏;,php,html,css,Php,Html,Css,///新版小提琴/// 请查看这个jsfiddle 我很难将我的图像保持在圆角的各自div的边界内。这真的很简单,直到我被要求在所有东西上加上边界半径。。。任何帮助都将不胜感激 对情况的进一步解释 在CSM中,我为每个“帖子”填充字段 一个作为标题,一个作为缩略图,一个作为描述,一个作为进入滑块的图像。(img的列表)等 整个布局是流动的-所以我需要的形象留在一个“框架”像div。。。就像css中的背景图像一样。。。在不弄乱圆角的情况下改变尺寸。。。我可以通过设计img来实现这一点,但我只是想
等
整个布局是流动的-所以我需要的形象留在一个“框架”像div。。。就像css中的背景图像一样。。。在不弄乱圆角的情况下改变尺寸。。。我可以通过设计img来实现这一点,但我只是想出于某种原因-img所在的分区将决定外部边缘。。。但是-到目前为止我错了 当您指定边框半径时,内容会被“包装”在边框内,因此div
中的图像会被角推,而不是被剪裁。您可以通过将图像用作背景
而不是div
来实现所需的行为
一个小的工作演示:
我希望这对我有所帮助
但我不明白为什么img一开始就出现在div里
第一种情况下的图像本身比周围的div大。
但是周围的div有一个溢出:hidden加上width和height
所以环绕div.thumboil不会放大
我的建议是:
<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
-->
嗯
Gekkstah你想制作一个圆角的div,以图像为背景吗?我必须使用内联图像,因为缩略图是由php填充的。。。背景:url();工作很好。。。这就是为什么我从来没有遇到过这个问题。。。我通常都是这样做的。你可能应该在你的问题中添加一个php标签。因为背景图像是由php而不是CSS绘制的,所以这是拼图的一个重要部分。完成!说得好。另一个例子是,如果您正在使用jquery滑块,并且正在从img的列表中执行操作——因此,并非总是php才是扳手——谢谢——但我必须使用内联图像。。。无法将php数据放入css。。。还有其他想法吗?@sheriffderek你说不能将PHP数据放入CSS是什么意思?好的。所以-如果我有一个CMS,有一个图像字段。。。然后-我想把这个图像放在css背景属性中…比如:background image:url();据我所知那是不可能的。。。而且——在我对jquery滑块的案例研究中——这无论如何都没有帮助。。。但是-是的-这就是我的意思。@sheriffderek如果你使用内联样式,这是可能的。