2013-07-12 71 views
0

CODE:如何控制在CSS選擇器中顯示的圖像?

html { 
    background: url("/_images/back.png") no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

使用這個我能夠完美地顯示圖像,但整個圖像不會被從頂部顯示。如果這是一個div,我可以正確顯示它,並通過margin-top進行控制,但是使用html,除非有其他內容,否則我是有限的。

如何顯示整個圖像?有沒有類似邊緣頂部的東西?

+1

屏幕截圖會很有幫助。 –

+2

如果您嘗試'background:url(「/ _ images/back.png」),那麼該怎麼辦?no-repeat top left fixed; '? – DontVoteMeDown

+0

這聽起來像是你在尋找'background-size:contain',但這太容易了,不是嗎? –

回答

1

background屬性是一個速記 CSS的一些背景屬性。其中之一是background-position能容納像topcenterbottom,或者leftright或值%pxemcm位置等等......

你並不需要使用的div的那個目的。

所以在你的情況下,你可以試試background: url("/_images/back.png") no-repeat top left fixed;

相關問題