使用未在IE中显示的“样式”属性定义的背景图像

时间:2011-01-13 20:53:07

标签: html css internet-explorer background-image

在我的网站中,我想通过将图像定义为背景来为图像提供“复制保护”。它完美适用于Chrome,Safari和FF。但在IE上,背景图像没有显示。您可以查看网站www.kettik.com

我遵循的方法是这样的。由于图像来自DB,我无法在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中解决这个问题?对此的任何帮助都将受到高度赞赏。

2 个答案:

答案 0 :(得分:1)

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

您是否尝试删除该逗号?

答案 1 :(得分:1)

我只想说保护图像的这种“方法”有一些缺陷。 您可以轻松地右键单击它并说“保存背景图像...”(在IE中),在FF中您可以“查看背景图像”然后保存它。或者,你可以直接截图。我会建议水印图像。