私のウェブサイトでは、画像として背景として定義することで「コピープロテクション」を提供したかったのです。 Chrome、Safari、FFで完璧に動作します。しかし、IEでは背景画像が表示されません。あなたはサイトwww.kettik.comをチェックアウトすることができます。IEで表示されない「スタイル」属性を使用して定義された背景画像
私が従ったアプローチは、このようなものでした。画像は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でこの問題を回避する方法はありますか?これに関する助言は高く評価されます。
Windows上のIE8で問題なく動作しているようです。何が問題なのですか?動作しない画像URLの例を表示できますか? –
申し訳ありませんが、私はIEのバージョンについて言及するのを忘れました。 IE7では画像が表示されません。私のサイトのすべてのページには問題があります。私はIE 8でこれをまだテストしていません。参考:私のマシンはMacなので、WineでIEのレンダリングをテストします。 IE8はワインでは動作しません。 – saravanak
このテクニックは、経験の浅いnoobsだけを止めることに気づきたいと思います。あなたがオンラインにしたものを「保護する」のは本当に小さなポイントです。 –