IE6で透過PNGを表示させる方法(背景リピート)
以前にIE6で透過PNGを表示させる方法をご紹介しましたが、以前紹介した方法だと背景画像でリピート表示することが出来ない為、今回はリピート表示させられる方法をご紹介します。
以下のようにCSSを記述します。
※「.bg」は背景画像を表示させるクラスです。
div.bg{ background:url(img/bg.png) repeat-y; } * html div.bg{ behavior: expression( this.style.behavior || ( this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')", this.style.backgroundImage = "none", this.style.behavior = "none" ) ); }
【注意】
上記コードを入れると、CSSでfloatを設定した要素の子要素のaやonclickが無効になってしまい、テキスト選択すら出来なくなってしまいます。
対処法は、floatが設定されている要素の親要素のスタイルに「position:relative;」を設定してあげると解消されます。
※上記コードは以下のサイトを参考にしています。
コメントを残す