ホームページ >ウェブフロントエンド >htmlチュートリアル >この IE6 の PNG を透明にするにはどうすればよいですか? _html/css_WEB-ITnose

この IE6 の PNG を透明にするにはどうすればよいですか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 09:42:081019ブラウズ

#focus .next {	Z-INDEX: 10000000;	BACKGROUND: url(../images/rrmenu.png) no-repeat 0px 0px; RIGHT: -20px;	/*_background:none;*/        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rrmenu.png';)}


_background:none; この文はIE6で画像に追加すると消えます。 。
画像を追加しなくても透明になりません
長い間苦労しましたが、この画像は IE6 ではまだ不透明です。 。 。 IE9 Chrome は透明です


返信ディスカッション (解決策)

#Focus .next {
z-index: 10000000;
Background: url (../ Images/rrmenu.png) no-repeat right: RIGHT : -20px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rrmenu.png') Alpha(opacity=50)
}

機能しませんでした。 。 #focus .next {
Z-INDEX: 10000000;
BACKGROUND: url(../images/rrmenu.png) no-repeat 0px 0px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoad er(src) = '画像...

幅と高さを追加しましたが、機能しませんでした


画像が消えてしまいました
CSS

Z-INDEX: 10000000;BACKGROUND: url(../images/rrmenu.png) no-repeat 0px 0px; RIGHT: -20px;width:**px; height:**px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rrmenu.png');

body {background-color:#000000;}#ci_logo{background:url(rrmenu.png) no-repeat;width:160px;height:85px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='rrmenu.png')}

IE9 と chrome では背景が白になります。 _background:none; これは、IE6 の
CSS コードです。10000000;BACKGROUND: url(../images/rrmenu. png) 繰り返しなし 0px 0px; 右: -20px;幅:**px; 高さ:**px ;_background:none;_filter:progid:DXImageTransform.Microsoft.Al……

CSS コード?123456#focus .next { Z-INDEX: 10000000; BACKGROUND: url(../images/rrmenu.png) no-repeat 0px 0px; RIGHT: -2​​0px; /*_background:none;*/ _filter:progid:DXImageTransfo...
必ずお読みください: IE6 の PNG 透明度に関する究極の解決策

Web ページの PNG 透明度の問題は、実際には非常に簡単に解決できます。また、互換性があり、PS で作成されたものとは異なります。 by FW
したがって、その方法は次のとおりです: 透過的な JS コードを作成し、この JS ファイルをインクルードします

b4e2a7b274bdbc3ae12ab66cf24ae52a2cacc6d41bbb37262a98f745aa00fbf0 4ec11beb6c39d0703d1751d203c17053

ie_png.fix('.png, .menu ul li a span jsMainFrame jsMainArwL jsMainArwR'); // 2 番目のパラメータは、png を含むタグ ID (css) です
ie_png。 fix('.png, .logo spa jsMainFrame jsMainArwL jsMainArwR'); // すべての png を追加

3fa3f474cbb4b6d948eebecb1be5dde4 投稿者からの返信を引用 imtns59521: CSS code?123456#focus .next { Z-INDEX: 10000000 ; 背景: url(../images/rrmenu.png) no-repeat 0px 0px; / *_background:none;*/ _filter:……



素晴らしい!決定打

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。