h標籤在IE瀏覽器中居中的背景圖片

奇怪的問題是，我並不完全確定...另外，如果我錯誤地討論SEO，請隨時糾正我，因爲它對我來說是比較新的。h標籤在IE瀏覽器中居中的背景圖片

我有幾個h3標籤，我將其替換爲圖像以使它們更漂亮。我仍然有標籤之間的文字，但我已經做了字體大小爲0，希望搜索蜘蛛仍然會註冊它們。

很自然地，FF中的一切看起來都很好（即圖像左對齊），但在IE中圖像居中，我不確定如何修復它們。我曾希望背景知識能夠照顧到這一點，但它仍然保持中心地位。

**style.css** 
h3 { 
    font-size: 0px; 
} 

h3#provide { 
    background: url('provide.png') no-repeat; 
    background-position: top left; 
    width: 234px; 
    height: 38px; 
} 

.object_wrapper { 
    margin: 10px auto 0px auto; 
    padding: 10px; 
    width: 400px; 
} 


**index.php** 
<div class="object_wrapper"> 
    <h3 id="provide">h3 text</h3> 
    <p> 
    text text text 
    </p> 
</div>

來源

2009-10-15 espais

結合您的background和background-position屬性。我不知道它是否能解決任何問題，但看起來更乾淨。

h3#provide { 
    background: url('provide.png') no-repeat; 
    background-position: top left; 
    width: 234px; 
    height: 38px; 
}

可以（也應該）是：

h3#provide { 
    background: url('provide.png') no-repeat top left; 
    width: 234px; 
    height: 38px; 
}

也許它的中心，因爲.object_wrapper的自動保證金。似乎不太可能，但也許這加上亞歷山大的解決方案將解決它。

來源

2009-10-15 11:58:54

事實證明，（當然）這是我自己愚蠢的錯誤。我已經離開了一個以前的佈局，其中有'文本對齊：中心' 這導致h標籤居中他們的背景圖像。一旦我刪除了一切正常。 – espais 2009-10-15 12:11:06

也許問題是由margin/padding引起的。如何添加

h3#provide { 
    margin: 0; 
    padding: 0; 
}

來源

2009-10-15 11:36:45

謝謝，但不幸的是沒有那一個 – espais 2009-10-15 11:38:29

你有這個網站的生活嗎？它會比猜測更有幫助... – 2009-10-15 11:39:48

不幸的是，我不...我在防火牆後面，禁止FTP上傳 – espais 2009-10-15 12:05:43

您只顯示了CSS和HTML的片段。

不要忘記，如果IE以更標準的方式行事，則DOCTYPE很重要。

來源

2009-10-15 11:40:11 pavium

DOCTYPE設置爲嚴格。 – espais 2009-10-15 12:09:41

h標籤在IE瀏覽器中居中的背景圖片

回答

相關問題