使用「風格」屬性定義的背景圖像不在IE中顯示

在我的網站中，我想通過將圖像定義爲背景來爲圖像提供「複製保護」。它在Chrome，Safari和FF上完美運行。但在IE瀏覽器的背景圖片沒有顯示。您可以查看網站www.kettik.com。使用「風格」屬性定義的背景圖像不在IE中顯示

我遵循的方法是這樣的。由於圖像來自數據庫，因此我無法在css類中定義背景屬性，並且必須使用'style'屬性來定義它。

<div class="contentItemCover" style="clear:both;"> 
    <img src="/images/sitegfx/spacer.gif", style = "background: url('xyz') no-repeat;"> 
</div> 

.contentItemCover img { 
    width: 600px; 
    height: 290px; 
    padding: 0px !important; 
}

有什麼辦法可以在IE中解決這個問題嗎？任何幫助，將不勝感激。

來源

2011-01-13 saravanak

似乎在Windows上的IE8中正常工作。究竟是什麼問題？你可以顯示一個不起作用的示例圖片網址嗎？ – 2011-01-13 20:55:48

對不起，我忘了提及IE版本。這些圖片在IE7中沒有顯示給我。幾乎我網站上的所有網頁都有這個問題。我還沒有在IE 8上測試過。僅供參考：我的機器是Mac，所以我使用Wine來測試IE上的渲染。 IE8在Wine上不起作用。 – saravanak 2011-01-13 20:57:27

我希望你意識到這種技術只會阻止最缺乏經驗的新手。「保護」你放在網上的任何東西確實沒什麼意義。 – 2011-01-13 21:00:31

<img src="/images/sitegfx/spacer.gif", style = "background: url('xyz') no-repeat;">

您是否試過刪除該逗號？

來源

2011-01-13 21:13:41 vinhboy

我只想說這個保護圖像的「方法」有一些缺陷。你可以很容易地右鍵單擊它並說「保存背景圖像...」（在IE中），在FF中，你可以「查看背景圖像」，然後保存它。或者，你可以簡單地截圖。我會建議水印圖像。

來源

2011-01-13 22:15:43 Johannes

使用「風格」屬性定義的背景圖像不在IE中顯示

回答

相關問題