不包含圖像/ img/overflow的圓角：隱藏;

http://jsfiddle.net/sheriffderek/4JkkF/1/ ///小提琴的新版本///不包含圖像/ img/overflow的圓角：隱藏;

請查看這個jsfiddle。

我無法跟上圓角各自的div的邊界之內我的圖片。這是非常簡單的，直到我被要求把邊界半徑上的一切......任何幫助，將不勝感激......

enter image description here

的情況進一步解釋...

在

CSM每個「後」我填的領域...

人會用PHP作爲一個標題，一個爲縮略圖，一個作爲說明，並呼籲 - 一個作爲進入滑塊的圖像。（IMG的列表）<img src="" alt="">'s等...

整個佈局是液體 - 所以我需要圖像留在像「div」的「框架」後面...就像在CSS中的背景圖像..以及改變大小不會弄亂圓角...我可以與造型的IMG做，但我只是想出於某種原因 - 該專區內將IMG生活將決定外邊緣......但 - 到目前爲止我我錯了...

來源

2012-08-24 sheriffderek

你希望做的是有圓角一個div，有圖像作爲背景？ – tahdhaze09

我必須使用內聯圖像，因爲縮略圖由php填充... background：url（）;很好......這就是爲什麼我從來沒有遇到過這個問題......通常我總是這麼做。 – sheriffderek

你應該爲你的問題添加一個php標籤。由於背景圖像是由php而不是CSS繪製的，所以這是難題的一個重要部分。 – tahdhaze09

當您指定border-radius時，內容會在邊框內「包裹」 - 因此div中的圖像會被角落推入，而不會被剪切。您可以通過將圖像作爲background改爲div來實現所需的行爲。

一個小的工作演示：little link。

我希望這有助於以任何方式！

來源

2012-08-24 17:59:50 Chris

感謝 - 但我必須使用內嵌圖片...不能放PHP的數據在CSS ...任何其他的想法？ – sheriffderek

@sheriffderek你是什麼意思*不能把PHP數據放入CSS *？ – Chris

好的。所以 - 如果我有一個CMS，並有一個圖像的字段...然後 - 我想把該圖像的CSS背景屬性... – sheriffderek

，但我不明白爲什麼IMG是走出股利擺在首位...

圖像本身在第一種情況下比周圍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 Gekkstah

來源

2012-08-24 20:36:25 gekkstah

不包含圖像/ img/overflow的圓角：隱藏;

回答

相關問題