今回は、不透明透明フィルターの IE 互換のソリューションをお届けします。不透明透明フィルターを使用する際の 注意事項 は何ですか?実際のケースを見てみましょう。
CSS3の透明属性opacity誰もがどこでも使ったことがあると思います。 CSS3をサポートしていないブラウザを透過的に処理し、一貫したブラウザ効果を維持する方法については、誰でも書けると思いますが、フィルタの具体的な文法的意味やバージョンごとの書き方の違いとなると、書けない人も多いと思います。グループ内の多くの専門家に正確に尋ねましたが、どれもあまり正確ではなく、インターネット上の意見はさらに多様です。今日は主にこの属性を確認し、実際のテストを行って、正しい記述方法、IE のさまざまなバージョンのサポートと記述の違いを説明します。
まず、Opacity 属性は要素の透明度を設定するために使用されます。値の範囲は 0 から 1 であり、負の値にすることはできません。不透明度の値 1 は完全に不透明で、値 0 は完全に透明で視覚的に見えません。 opacity 属性とのブラウザの互換性については、以下を読み続けてください: プライベート属性 -moz-opacity は、Firefox 3.5 以降ではサポートされなくなりました。Mozilla 1.7 (Firefox 0.9) より前では、FF はこのプライベート属性を使用していました。 -moz-opacity と opacity 属性の両方を今思い返してみると、Firefox が 3.5 にアップグレードされた直後、ページの透明効果の一部が突然消え、今では CSS3 が圧倒的に時間がかかっていることを嘆いています。ハエ。 IE9 以降では CSS3 の不透明度のサポートが開始されただけであり、IE6 ~ IE8 ではフィルター属性を使用して実装することに慣れています。 IE4 ~ IE9 はすべて、フィルター書き込みメソッド progid:DXImageTransform.Microsoft.Alpha(Opacity=xx) をサポートしています。IE8 では、特別な -ms-filter が導入されました。この書き込みメソッドは、古い書き込みメソッドに対する修正であり、さらに改良されたものであると考えられます。仕様に従って、この書き方の属性値には引用符が付いているだけで、効果は以前と同じです。ただし、この書き込み方法の寿命は短く、IE10 以降、filter と -ms-filter はサポートされなくなりました。 Safari 1.2 より前のバージョンは、khtml のブラウザ カーネルに基づいていました。バージョン 1.2 のリリース後、-khtml-opacity 書き込みメソッドはサポートされなくなり、-khtml-opacity は歴史になりました。 Konqueror は -khtml-opacity をサポートしたことがありませんが、バージョン 4.0 から不透明度をサポートしています。 IE に加えて、現在の主流ブラウザである Opera 9.0 以降、Safari 1.2 (WebKit 125) 以降、Chrome などはすべて不透明透明属性をサポートしています。 IE は、バージョン 4.0 以降、いくつかの組み込みのmultimedia
フィルター効果を提供しています。具体的な使用方法は次のとおりです。filter : フィルター
パラメーター: filter : 使用されるフィルター ミラー効果。複数のフィルターはスペースで区切ります。 手順: 1. オブジェクトに適用されるフィルター効果を設定または取得します。 2. この属性を使用するには、オブジェクトに高さ、幅、位置
の 3 つの属性のいずれかが必要です。3. フィルター機構は拡張可能です。サードパーティのフィルターを開発して使用できます。
4. この属性は MAC プラットフォームでは使用できません。 5. 対応するスクリプト機能はフィルターです。IE4.0 以降は、次の 14 個のフィルターをサポートしています:
①、HTML 要素に透明で漸進的な効果を表示する Alpha、
②、HTML 要素に風でぼやけた効果を生成する Blur ③ 、Chroma 画像内の特定の色を透明にします④、DropShadow HTML要素にドロップシャドウを付けます⑤、FlipH HTML要素を左右反転します⑥、FlipV HTML要素を上下に反転します⑦、Glowコンポーネントの周囲にハローとブラー効果を生成します⑧、グレー カラー写真を白黒にします⑨、反転 写真のネガ効果を生成します⑩、ライト HTML上にライトとシャドウを配置しますコンポーネント⑪、マスク 別のHTML要素を使用して、別の要素上の画像のマスクを生成します
⑫、Shadow より立体的な影を生成します
⑬、Wave HTML 要素に水平または垂直の波の変形を生成します
⑭、XRay X 線を撮影するように HTML 要素の輪郭を生成します
Alpha の詳細な説明フィルタパラメータ
①、Opacity 不透明度、パーセンテージ。 0 から 100 まで、0 は完全に透明、100 は完全に不透明を意味します。
②、FinishOpacity これは、Opacity と合わせて使用される選択パラメーターです。Opacity と FinishOpacity を同時に使用すると、よりクールな透明で漸進的な効果を生み出すことができます。 0 から 100 まで、0 は完全に透明、100 は完全に不透明を意味します。
③、スタイル OpacityとfinishOpacityを同時に設定して透明なグラデーションを生成する場合、主に赤を使用してプログレッシブ表示の形状を指定します。 0: 勾配なし、1: 直線勾配、2: 円形勾配、3: 長方形放射。
④、StartX 緩やかなスタート
⑤のX座標値、StartY 緩やかなスタート
⑥のY座標値、FinishX 緩やかな終了
⑦のX座標値、FinishY 緩やかなスタート
のX座標値段階的な終了
以下は例です フィルターと不透明度の互換性をテストするには:
HTML コード
nbsp;html> <meta> <title>JS Bin</title> <p>测试透明度</p>
注: テストするときは DOCTYPE を忘れずに書いてください。そうしないと、実際の効果から逸脱します。
対応する CSS コード:
.transparent_class { /* Required for IE 5, 6, 7 */ /* ...or something to trigger hasLayout, like zoom: 1; */ width:300px; height:300px; line-height:300px; text-align:center; background:#000; color:#fff; /* older safari/Chrome browsers */ -webkit-opacity: 0.5; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.5; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.5; /* IE9 + etc...modern browsers */ opacity: .5; /* IE 4-9 */ filter:alpha(opacity=50); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }
使用中は、適応するブラウザ/バージョンに応じて、必要なコード行を上から選択できます。すべてのブラウザを完全にサポートしたい場合は、不透明度またはフィルターに関する少なくとも最初の 5 文が必要です。注意しなければならないのは、filter と -ms-filter を同時に使用する場合は、filter の前に -ms-filter を記述してください。元の説明は次のとおりです:
IE7 をエミュレートする IE8 モードでも不透明度を機能させたい場合は、次の順序にする必要があります:
-ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”; // first filter: alpha(opacity=50); // second
この順序を使用しない場合、IE7 をエミュレートする IE8 は不透明度を適用しません。ただし、IE8 と IE7 ネイティブでは可能です。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
HTML5+CSS3の読み込み進行状況バーとダウンロード進行状況バーの実装
以上が不透明透明フィルタ用の IE 互換ソリューションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

长期以来,InternetExplorer的失宠一直不是秘密,但随着Windows11的到来,现实开始了。Edge将来不再有时取代IE,它现在是微软最新操作系统中的默认浏览器。目前,您仍然可以在Windows11中启用InternetExplorer。但是,IE11(最新版本)已经有了一个正式的退役日期,即2022年6月15日,时间在流逝。考虑到这一点,您可能已经注意到InternetExplorer有时会打开Edge,而您可能不喜欢它。那么为什么会这样呢?在

越来越多的用户开始升级win11系统,由于每个用户的使用习惯不同,还是有不少用户在使用ie11浏览器,那么win11系统用不了ie浏览器,该怎么办呢?windows11还支持ie11吗?下面就来看看解决办法。win11无法使用ie11浏览器的解决方法1、首先右键开始菜单,选择“命令提示符(管理员)”打开。2、打开之后,直接输入“Netshwinsockreset”,回车确定。3、确定之后再输入“netshadvfirewallreset&rdqu

win10系统有许多比较新颖的功能,有小伙伴想要让自己的win10系统更加具有个性化,因此想设置任务栏透明度看起来更加酷炫些。那么win10任务栏如何设置透明度呢?下面小编就教下大家win10任务栏设置透明度的方法。具体的方法如下:1、打开电脑,鼠标移动到任务栏,然后鼠标右键任务栏,在窗口找到“任务栏设置”并且点开。2、点开“任务栏设置”窗口后,找到“颜色”选项,点开,在“颜色”设置界面可以设置大家所喜欢的得任务栏颜色,大家可以选择Windows颜色也可以自定义颜色,选好颜色后找到下面的“透明效

我们平时在制作ppt的时候可以给图片穿插到里边,但是PPT怎么设置图片透明度这个问题对于一些刚学的小伙伴们还是不知道怎么实现,那么今天我就来教大家具体的操作步骤,具体步骤如下图。1.首先,在电脑上打开并且新建一个PPT文档,(如下图所示)。2.接下来,在上方工具栏中选择【插入】-【形状】,选择矩形并在空白画布上画出,(如下图红色圈出部分和红色箭头指向所示)。3.然后,在上方工具栏中选择【填充】,(如下图红色圈出部分和红色箭头指向所示)。4.接下来,在【填充】对话框中选择【更多设置】,(如下图红色

近期不少的win10用户们在使用电脑浏览器的时候发现自己的ie浏览器总是自动的跳转到edge浏览器,那么win10打开ie自动跳转edge怎么关闭?。下面就让本站来为用户们来仔细的介绍一下win10打开ie自动跳转edge关闭方法吧。1、我们登录edge浏览器,点击右上角...,找下拉的设置选项。2、我们进入设置后,在左侧栏点击默认浏览器。3、最后我们在兼容性中,勾选不允许IE模式下重新加载网站,重启ie浏览器即可。

CSS属性实现透明度渐变效果的方法,需要具体代码示例在网页设计中,透明度渐变效果可以为页面增添一种柔和而美观的过渡效果。通过CSS属性的设置,我们可以轻松实现不同元素在透明度上的过渡效果。今天我们就来介绍一些常见的方法和具体的代码示例。使用opacity属性Opacity属性可以设置元素的透明度,取值范围从0到1,0表示完全透明,1表示完全不透明。我们可以通

2022年6月15日是Microsoft结束对InternetExplorer11(IE11)的支持并关闭其旧版浏览器章节的日子。一段时间以来,该公司一直在提醒用户注意这一生命周期结束日期,并呼吁他们计划迁移到MicrosoftEdge。Microsoft将IE11与Windows8.1捆绑在一起,作为Windows的现代默认Web浏览器。尽管它从未达到Chrome的(当前)高度,但它是2014年使用量第二大的桌面浏览器,仅次于IE8。当然,随着20

醒图透明度在“特效->调节参数”中,其设置图片透明度的具体方法是:1、打开醒图app;2、点击“导入”,选择“喜欢的图片”打开;3、在页面底部找到并点击“特效”,然后点击“调节参数”,点击“透明度”,滑动刻度线即可设置透明度。


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

メモ帳++7.3.1
使いやすく無料のコードエディター

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター
