我想知道如何做到這一點的標誌背景發現here我該如何讓徽標背景填充標題?
如果您發現向左浮動,以及如何白色的「d」是填充頭的整個高度紅色背景的標誌。我知道如何浮動它和所有東西,我只需要知道如何製作具有一定寬度的背景顏色以填充標題的整個高度。順便說一下,我假設頭部已經沒有設定的高度。
在此先感謝!
我想知道如何做到這一點的標誌背景發現here我該如何讓徽標背景填充標題?
如果您發現向左浮動,以及如何白色的「d」是填充頭的整個高度紅色背景的標誌。我知道如何浮動它和所有東西,我只需要知道如何製作具有一定寬度的背景顏色以填充標題的整個高度。順便說一下,我假設頭部已經沒有設定的高度。
在此先感謝!
無論您的浮動div是用於徽標的id或class,只需將背景顏色應用於CSS。
如果您正在尋找某種動態高度應用程序;設置html,body和div div元素都有'height:100%'。
發佈您的代碼示例將有所幫助。
你可能想嘗試這樣的事情(fiddle here):
HTML:
<div id="Header">
<img id="Logo" src="http://goo.gl/uDkk1X" />
</div>
CSS:
#Header {
width: 600px;
height: 60px;
background: #333333;
}
#Logo {
width: 60px;
height: 60px;
float: left;
background: #666666;
}
正如你所看到的,已經是圖像具有透明度,所以任何背景顏色設置爲block
將r影響實際圖像。要麼或者將img
放在另一個具有指定背景顏色的容器中。
你的代碼在哪裏? –
徽標容器的高度和寬度是靜態的。他們將它設置爲82px,然後他們只是通過CSS應用紅色背景,並將透明PNG放在它上面。 – APAD1