如何顯示帶有以下文本的居中背景圖像

-5

我有一個頁面，頂部有一個菜單。我想在圖像下方的菜單和文本下方顯示圖像。我想在CSS定義圖像，而不是在我的html代碼：如何顯示帶有以下文本的居中背景圖像

background-image: url("https://upload.wikimedia.org/wikipedia/commons/a/a2/Example_logo.jpg") no-repeat;

這裏是我的CSS代碼：

#big-logo { 
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/a/a2/Example_logo.jpg") no-repeat; 
    /*border: solid 1px red;*/ 
    background-repeat:no-repeat; 
    background-position: center center; 
    height: 100px; 
}

這不是工作 - 我已經定義了圖像不顯示。這裏是我的問題的模擬：jsfiddle

我的問題肯定是我有的其他CSS，但我花了整晚看代碼，並在StackOverflow，可能的答案 - 無濟於事。有人能指出我做錯了什麼嗎？

來源

2015-07-21 Steve Cooke

堆棧溢出是正確的！ –

你真的不求助，將代碼從你的小提琴複製到示例中，突出顯示代碼，然後按下文本編輯器操作來證明你的代碼正確，或者用4個空格縮進每行代碼 –

@ AlphaG33k他顯然知道如何，他只是不選擇。 –

這是你在找什麼？

我添加的圖片，並在#home-main DIV居中它：

#home-main { 
width: 100%; 
margin-right: 0%; 
/*float: left;*/ 
text-align: center; 
}

小提琴http://jsfiddle.net/am1z4L6s/2/ 或者你可以添加一個img的<div id="big-logo"> DIV這樣http://jsfiddle.net/am1z4L6s/3/內。將容器設置爲100％寬並與中心對齊。

來源

2015-07-21 23:47:01

謝謝，但我的問題並不清楚。漫長的夜晚，現在再次開始工作，意味着我沒有想太清楚。我想在我的CSS中定義圖像 - 我在問題中添加了CSS中的代碼。 –

謝謝@亞當布坎南史密斯 - 我解決了你的問題，因爲我找不到解決方案。 –

如何顯示帶有以下文本的居中背景圖像

回答

相關問題