http://jsfiddle.net/efDuN/我怎樣才能讓我的形象邊界出現的背景色
我試圖創建一個頂部圖片邊框頁腳和背景顏色之外。但是,圖像具有透明度,可以顯示邊緣以外的背景顏色。頁腳的高度在Ems中,而邊界圖像的高度是46像素。
如何在保持其靈活性(Ems)的同時讓邊框出現在背景顏色之外?
<div id="footer">
<br>
<p>Copyright (c) 2008</p>
<br>
body {
background-color: black;
}
#footer {
border-style: solid; border-width: 46px 0px 0px;
-moz-border-image: url("http://i272.photobucket.com/albums/jj180/niahcx/web/smalllace_zpscffc6b3e.png") 46 1 0 0 repeat;
-webkit-border-image: url("http://i272.photobucket.com/albums/jj180/niahcx/web/smalllace_zpscffc6b3e.png") 46 1 0 0 repeat;
-o-border-image: url("http://i272.photobucket.com/albums/jj180/niahcx/web/smalllace_zpscffc6b3e.png") 46 1 0 0 repeat;
border-image: url("http://i272.photobucket.com/albums/jj180/niahcx/web/smalllace_zpscffc6b3e.png") 46 1 0 0 fill repeat;
background-color: pink;
background-repeat: repeat;
text-align: center;
color: #ffffff;
height: 6em;
width: 100%;
}
其他答案很好,但這似乎是最簡單的。我不同意這是重複的 – Niahc
如果你知道一個問題是另一個問題的重複,**請投票結束它作爲** –
謝謝Zach。看起來你已經做到了這一點,但我不能刪除我的答案。 –