使用背景圖像的框架

Question

我在我的圖像中放置了一個框架。

我為背景圖像創建了一個 CSS，它是框架的圖像，但他必須有一個 x 填充才能看到框架。

img.frame
{
    background-image:url('http://bit.ly/k8g8zz');
    background-repeat:no-repeat;
    background-position: center;
    background-size: 100%;
    padding:23px 14px 60px;
}

我不能在另一個div里面使用一個，因為我需要這個圖片是一個帶有標題的鏈接，而W3C不能是div標簽內的一個。

如果可能，請更改 jsFiddle 並將鏈接發送給我

請參閱此處的完整代碼。

正如您在 jsFiddle 中看到的那樣，框架的大小不正確。她需要與圖像一起增長並具有填充。

謝謝大家的幫助。

Answer 1

你幾乎擁有它！ 只需設置background-size的兩個尺寸；

background-size: 100% 100%;

http://jsfiddle.net/vLBXH/

Answer 2

您不能在 CSS，AFAIK 中為背景圖像設置寬度和高度。 如果您使用固定寬度的圖像 (PNG)，您還應該擁有匹配大小的圖像。 另一種方法可能是僅使用 CSS 對框架進行樣式設置，或者在鏈接圖像周圍添加一個框架標簽，然后您可以對其進行樣式設置，例如：

<div class="img_frame">
    <a href="#nohref"><imgr src="#noimg" /></a>
</div>