Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 不包含图像/图像/溢出的圆角:隐藏;_Php_Html_Css - Fatal编程技术网

Php 不包含图像/图像/溢出的圆角:隐藏;

Php 不包含图像/图像/溢出的圆角:隐藏;,php,html,css,Php,Html,Css,///新版小提琴/// 请查看这个jsfiddle 我很难将我的图像保持在圆角的各自div的边界内。这真的很简单,直到我被要求在所有东西上加上边界半径。。。任何帮助都将不胜感激 对情况的进一步解释 在CSM中,我为每个“帖子”填充字段 一个作为标题,一个作为缩略图,一个作为描述,一个作为进入滑块的图像。(img的列表)等 整个布局是流动的-所以我需要的形象留在一个“框架”像div。。。就像css中的背景图像一样。。。在不弄乱圆角的情况下改变尺寸。。。我可以通过设计img来实现这一点,但我只是想

///新版小提琴///

请查看这个jsfiddle

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

对情况的进一步解释

在CSM中,我为每个“帖子”填充字段

一个作为标题,一个作为缩略图,一个作为描述,一个作为进入滑块的图像。(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如果你使用内联样式,这是可能的。