：之前和背景圖像...應該工作嗎？

我已經有一個div並將:before和:after作爲內容應用。這是完美的。現在我需要應用背景圖片，以便在div調整大小時重複該操作，但似乎不起作用。 :before和:after上的背景圖像是否應該起作用？：之前和背景圖像...應該工作嗎？

當前的代碼：

HTML：

<div id="videos-part">test</div>

CSS：

#videos-part{ 
    background-color: #fff; 
    height: 127px; 
    width: 764px; 
    margin: -6px 0 -1px 18px; 
    position: relative; 
} 
#videos-part:before{ 
    width: 16px; 
    content: " "; 
    background-image: url(/img/border-left3.png); 
    position: absolute; 
    left: -16px; 
    top: -6px; 
}

來源

2011-08-26 Michi

您的代碼粘貼到你的問題。 – BoltClock

用我的代碼更新了問題 – Michi

我的問題缺少「內容」。它需要有一些內容來應用背景。 – Neolisk

@ michi;在before僞類中定義height

CSS：

#videos-part:before{ 
    width: 16px; 
    content: " "; 
    background-image: url(/img/border-left3.png); 
    position: absolute; 
    left: -16px; 
    top: -6px; 
    height:20px; 
}

來源

2011-08-26 11:35:00 sandeep

嗨Sandeep ...我不能使用高度，因爲div會根據其內容調整大小。 – Michi

嗯...我只是試圖把高度和背景圖像顯示:-(我真的必須使用JS來動態地改變高度嗎？ – Michi

我剛剛添加高度：100％，它的工作原理:-)我愚蠢我以前沒有想過。非常感謝Sandeep :-) – Michi

上:before和:after元素背景圖片應該工作。如果你發佈一個例子，我可能會告訴你爲什麼它不適用於你的情況。

下面是一個例子：http://jsfiddle.net/namas/3/

可以通過使用background-size: 100% 100%（寬度/高度）指定元素的以％表示的尺寸，例如。

來源

2011-08-26 11:04:37 meo

嗨Meo，我用我正在使用的代碼更新了我的問題。感謝您的幫助:-) – Michi

：之前和背景圖像...應該工作嗎？

回答

相關問題