感謝您對my previous question的快速回復。 「如何爲容器中的所有元素提供相同的背景顏色?
」頁面上的第一件事,我想要一種橫幅,包含一些左對齊的文本和一個右對齊的圖像,它應該佔據整個頁面的寬度。
我忘了提及我希望整個「橫幅」具有相同的背景colo(u)r。文字,圖像和其間的一切。
感謝您對my previous question的快速回復。 「如何爲容器中的所有元素提供相同的背景顏色?
」頁面上的第一件事,我想要一種橫幅,包含一些左對齊的文本和一個右對齊的圖像,它應該佔據整個頁面的寬度。
我忘了提及我希望整個「橫幅」具有相同的背景colo(u)r。文字,圖像和其間的一切。
<div class="divwrap">
<div class="div1">text</div>
<div class="div2"><img src="http://farm4.static.flickr.com/3170/2724062433_68f2af7af7_m.jpg"></div>
<div class="divclear"></div>
</div>
.divwrap
{
background-color: #CCC;
}
.div1
{
float: left;
}
.div2
{
float: right;
}
.div2 img
{
display: block;
}
.divclear
{
clear: both;
}
+1和答案。就是這樣 - 一個封閉的div,纏繞其他人。謝謝 – Mawg 2011-06-11 09:31:19
事情是這樣的:
<div style="height:100px;width:100%;background:url(yourimage.png);background-position:right;">Yourtext</div>
我真的需要一個圖像?或者你只是想讓我看到更先進的技術? – Mawg 2011-06-11 09:32:04
.banner{ color:blue;
background-color:blue;
background:url(yourimage.png);
background-position:right;
width:100%
}
此外,您可以創建一個新的類,以便在div爲旗幟可以繼承的屬性,這樣你可以單獨股利的圖像和文字
我真的需要一個圖像嗎?或者你只是想讓我看到更先進的技術? – Mawg 2011-06-11 09:32:17
請出示你所擁有的,什麼是不工作 – Mat 2011-06-11 06:39:26
你只需要分配BG的容器,並從子元素中刪除BG。此外,這些類型的更新應張貼在原來的問題,而不是在一個新的:) – JohnP 2011-06-11 06:56:25