ホームページ ウェブフロントエンド htmlチュートリアル 迷惑な IE7、8、半透明フィルター (フィルター:アルファ) の失敗、PNG の半透明の失敗 solution_html/css_WEB-ITnose

迷惑な IE7、8、半透明フィルター (フィルター:アルファ) の失敗、PNG の半透明の失敗 solution_html/css_WEB-ITnose

Jun 24, 2016 am 11:24 AM

IETest を使用して IE7 と 8 をテストしたところ、背景の透明度の設定が無効であることがわかりました。後でそれを解決する記事を見つけました。いくつかの情報を読んだ後、要約を作成しました。

いくつかの IE 半透明 CSS スタイル

IE8 では -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)" と書くことができます

IE7 では次のように filter:progid:DXImageTransform.Microsoft を書くことができます.Alpha(opacity=50);

IE6、IE7、IE8ではこのようにfilter:alpha(opacity=50)を書くことができます

progid:DXImageTransform.Microsoftの書き方は非常にわかりにくくめんどくさいです。 filter:alpha(opacity=50) の書き方;

情報を見ると、最初の 2 つの書き方は MS の ActiveX 技術に準拠しているとのことですが、3 番目の方法は ActiveX を持っていないようです。その本質は依然として ActiveX と同じです。これは Security Try disabling all active にあります。子要素は不透明です

最初の解決策は、背景を使用することです: rgba(255, 255, 255, 0.82);もう 1 つは、親 DIV を相対位置に設定し、元の DIV を絶対位置に設定することです。透明; 他の子要素は元の DIV と同じレベルに配置され、他の要素も location:Absolute に設定されます。これも解決策です

----- --------- -----------------

半透明の失敗に関する作者 iefans の記事を読んだ後、私は半透明の失敗の理由を

png で見つけました

IE7 と IE8 の両方を直接今回、IE8 で PNG の半透明が失敗する原因は不明ですが、360Safe の一部の動作に関連しているのではないかと考えています。

多くの状況が IE8 の png 効果に影響を及ぼしますが、今回は幸運にも、オンラインで方法を見つけ、レジストリを変更して問題を解決できました。ここでは、png レジストリ オプションの破損を引き起こす可能性のあるいくつかの状況をリストします。

1. (理由: .png に拡張子の値がないか、ブラウザーでエラーが発生しました)

[スタート] -> [regedit] を実行し、レジストリ HKEY_LOCAL_MACHINESOFTWAREMicrosoftInternet ExplorerEmbedExtnToClsidMappings を開いて .png が存在するかどうかを確認します。 .png が存在しない場合は、その上のレイヤー (EmbedExtnToClsidMappings) をクリックし、右クリックして新しい項目を作成します。「.png」と入力して、「.PNG」をクリックし、デフォルト値をダブルクリックして、「clsid:02BF25D5-」を貼り付けます。数値データ「4B23-BC80-D3488ABDDC6B」の「8C17-」。

前回はこの方法でうまくいきましたが、今回はうまくいきません!

2. (原因: システム内の .png ファイルが破損しています)

[スタート] -> [ファイル名を指定して実行] を使用して、「regsvr32 c:windowssystem32pngfilt.dll」と入力します

登録中に「Loaded c:windowssystem32pngfilt.dll」が表示される場合。 dll がありますが、DllRegisterSever 入力ポイントが見つかりませんでした。このファイルは登録できません。」というメッセージが表示された場合は、ファイルが破損している可能性があるため、別のマシンから正常なファイルをコピーして上書きする必要があります。再度登録してください。

3. (理由: 私たちの素晴らしい Apple QuickTime プログラムがレジストリに干渉します)

Start->Run->regedit、レジストリを起動し、HKEY_CLASSES_ROOTMIMEDatabaseContent Type を見つけます

中国語の名前と文字化けした文字を置き換えるだけです[video/mp4] など、すべてです。

4. (理由: レジストリ情報が間違っています。これが今回の問題です。レジストリをマージすると、次の情報が問題のある情報を自動的に上書きします)

次の内容を .reg ファイルとして保存します。 , 次に、右クリック→「結合」をクリックします。

Windows レジストリ エディター バージョン 5.00

;Windows 用の PNG ファイル関連付けの修正

“PerceivedType”=”image ”

@=”pngfile”

”Content Type”=”image/png”

[HKEY_CLASSES_ROOT.PNGPersistentHandler]

@=”{098f2470-bae0-11cd-b579-08002b30bfeb }"

[HKEY_CLASSES_ROOTpngfile]

@ =”PNG 画像”

”EditFlags”=dword:00010000

“FriendlyTypeName”=hex(2):40,00,25,00,53,00,79,00,73,00 ,74,00,65,00,6d,00,52,

00,6f,00 ,6f,00,74,00,25,00,5c,00,73,00,79,00,73,00 ,74,00,65,00,6d,00,33,00,

32,00 ,5c,00,73,00,68,00,69,00,6d,00,67,00,76,00 "ImageOptionFlags" ”=dword:00000003

[HKEY_CLASSES_ROOTpngfileCLSID]

@=”{ 25336920-03F9-11cf-8FD0-00AA00686F13}”

[HKEY_CLASS ES_ROOTpngfileDefaultIcon]

@=”shimgvw.dll,2″

[HKEY_CLASSES] _ROOTpngfileshell]

@=”開く”

[ HKEY_CLASSES_ROOTpngfileshellopen]

“MuiVerb”=”@shimgvw.dll,-550″

[HKEY_ CLASSES_ROOTpngfileshellopencommand]

@=”rundll32.exe C:WINDOWSsystem32shimgvw.dll,ImageView_Fullscreen %1”

[HKEY_CLASSES_ROOTpngfileshellopenDropTarget]

“Clsid”=”{E84FDA7C-1D6A-45F6-B725-CB2 60C236066}”

[HKEY_CLASSES_ROOTpngfileshellprintto]

[HKEY_CLASSES_ROOTpngfileshellprinttocommand]

@=”rundll32.exe C:WINDOWSsystem32shimgvw.dll,ImageView_PrintTo /pt ”%1” ”%2” ”%3” ”%4”"

[HKEY_CLASSES_ROOTSystemFileAssociations.PNG]

“ImageOptionFlags”=dword:00000003

[-HKEY_CURRENT_USERSoftwareMicrosoftWindowsCurrentVersionExplorerFileExts.PNG]

[-HKEY_CLASSES_ROOTMimeDatabaseContent Typeimage/x-png]

[-HKEY_CLASSES_ROOTMimeDatabaseContent Typeimage/png]

[HKEY_CLASSES_ROOTMimeDatabaseContent Typeimage/png] /x-png]

“拡張子”=”.png”

”画像フィルター CLSID”=”{A3CCEDF7-2DE2-11D0-86F4-00A0C913F750}”

[HKEY_CLASSES_ROOTMimeDatabaseContent Typeimage/x-pngビッツ]

「0」=16進数:08,00,00,00,ff,ff,ff,ff,ff,ff,ff,ff,89,50,4e,47,0d,0a,1a,0a

[ HKEY_CLASSES_ROOTMimeDatabaseContent Typeimage/png]

“拡張子”=”.png”

”画像フィルター CLSID”=”{A3CCEDF7-2DE2-11D0-86F4-00A0C913F750}”

[HKEY_CLASSES] _ROOTMimeDatabaseコンテンツ タイプimage/pngBits]

“0 ''=hex:08,00,00,00,ff,ff,ff,ff,ff,ff,ff,ff,89,50,4e,47,0d,0a,1a,0a

[HKEY_CLASSES_ROOTCLSID{ A3CCEDF7-2DE2-11D0-86F4-00A0C913F750}]

@=”CoPNGFilter クラス”

[HKEY_CLASSES_ROOTCLSID{A3CCEDF7-2DE2-11D0-86F4-00A0C913F750}] InProcServer32]

@=”C:WINDOWSsystem32pngfilt.dll”

“ThreadingModel”=”両方”

[HKEY_CLASSES_ROOTCLSID{A3CCEDF7-2DE2-11D0-86F4-00A0C913F750}ProgID]

@=”PNGFilter.CoPNGFilter.1”

[HKEY_CLASSES_ROOTPNGFilter.CoPNGFilter]

@ =”CoPNGFilter クラス”

[HKEY_CLASSES_ROOTPNGFilter.CoPNGFilterCLSID]

@=”{A3CCEDF7-2DE2-11D0-86F4-00A0C913F750}”

[HKEY_CLASSES_ROOTPNGFilter.CoPNGFilter.1]

@=”CoPNGFilter クラス”

[HKEY_CLASSES_ROOTPNGFilter.CoPNGFilter.1CLSID]

@=”{A3CCEDF7-2DE2-11D0-86F4-00A0C913F750}”

当PNG瞬間filter:alpha

IE系列のPNG问题です長い間、IE6 から IE7/8 までのサポートがサポートされていないという問題があり、その問題はまだ解決されていませんが、不健全な点も数多くあります。フィルター: アルファの状況、非常に奇妙な現象、PNG は IE7 の下で表示されます。透明度その結果、IE7 (IE8 も含む) では半透明 PNG のサポートが提供されていますが、このサポートは健全ではありません。画像 (または背景の要素として半透明 PNG を使用) が透明度を設定すると、PNG 画像の半透明部分が暗く表示されることがあります (ただし、不透明部分が表示されることはよくあります)。これは、標準の CSS3 プロパティではなく、私が所有する CSS フィルター方式です。さらに、IE 透明フィルター自体にはバグが存在します。当然ながら、ここには多くの評価がありません。」

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

< Progress>の目的は何ですか 要素? < Progress>の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

HTMLは初心者のために簡単に学ぶことができますか? HTMLは初心者のために簡単に学ぶことができますか? Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

< datalist>の目的は何ですか 要素? < datalist>の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

< meter>の目的は何ですか 要素? < meter>の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

< iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? < iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

HTML、CSS、およびJavaScriptの役割:コアの責任 HTML、CSS、およびJavaScriptの役割:コアの責任 Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLでの開始タグの例は何ですか? HTMLでの開始タグの例は何ですか? Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

See all articles