Heim Web-Frontend js-Tutorial 使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法_javascript技巧

使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法_javascript技巧

May 16, 2016 pm 06:08 PM
透明

如下

复制代码 代码如下:



用IE开发者工具,或IE8自带的开发者工具。结构如 图1 :

使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法_javascript技巧

红色所圈之处可以看到给div添加的内联样式width,height,background都依次排列。正常!

但给该div添加filter:alpha(opacity=20)后,

复制代码 代码如下:




情况发生了变化,如 图2 :

使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法_javascript技巧

红色所圈之处看到,width和filter挤在一行上了。正常的情况width应该另起一行。
有人也许会说这只是开发者工具没有正确显示,只要不影响页面元素正确渲染即可。
的确,在IE6/7/8/9 中该元素宽度、高度、背景色及透明度都能按设置所期望的渲染,显示。如图:

使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法_javascript技巧

此外,将样式写在style标签内或css文件中也会出现以上现象。

再看下JS设置filter,情况稍有不同。代码如下:

复制代码 代码如下:





IE 6/7/8/9 中JS设置filter







IE中查看结构,效果如 图2 ,即filter和width在一行。

注意以上html中的最后一句js代码
复制代码 代码如下:

d1.style.filter = 'alpha(opacity=20)';

右小括号后没有加分号。现在该句稍改下(的确是稍改,只加了个分号)
复制代码 代码如下:

d1.style.filter = 'alpha(opacity=20);';

即在由小括号后加了个 分号 ";" 。 这时查看IE开发者工具如 图3 :

使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法_javascript技巧

红色所圈之处看到四个css属性background、filter、height和width单独在一行显示。而没有像 图2 中filter和width在一行显示。

PS:很多流行JS库设置透明的方法没有加 alpha(opacity=20)后的分号。

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So lösen Sie das Problem der schwarzen Linien in der transparenten Taskleiste von Win11 So lösen Sie das Problem der schwarzen Linien in der transparenten Taskleiste von Win11 Dec 22, 2023 pm 10:04 PM

Nachdem viele Freunde translucenttb zum Einrichten einer transparenten Taskleiste verwendet hatten, stellten sie fest, dass es in der transparenten Taskleiste von Win11 eine schwarze Linie gab, die sehr unangenehm aussah. Wie sollte ich das Problem zu diesem Zeitpunkt tatsächlich lösen? . In der transparenten Taskleiste von Win11 befindet sich eine schwarze Linie: Methode 1: 1. Laut Benutzerfeedback können Sie mit der rechten Maustaste auf translucenttb klicken und die Einstellungen öffnen. 2. Setzen Sie dann den „Rand“ der Symboloption auf „1“, um das Problem zu lösen. Methode 2: 1. Wenn es immer noch nicht funktioniert, können Sie mit der rechten Maustaste auf die leere Stelle klicken, um „Personalisierung“ zu öffnen. 2. Wählen Sie dann das Standarddesign des Systems aus, um es zu ändern. Methode drei: 1. Wenn alles andere fehlschlägt, wird empfohlen, translucenttb zu deinstallieren. 2. Anschließend austauschen

Wie löst man das Problem einer Zeile in der Taskleistentransparenz in Win11? Wie löst man das Problem einer Zeile in der Taskleistentransparenz in Win11? Jan 29, 2024 pm 12:12 PM

Viele Win11-Benutzer stellen ihre Taskleiste beim Ausführen des Systems auf transparent ein, aber viele Benutzer sehen nach der Einrichtung eine schwarze Linie in der Taskleiste. Benutzer können zur Einrichtung Software von Drittanbietern verwenden. Lassen Sie diese Website den Benutzern die Lösung für das Problem einer transparenten Linie in der Win11-Taskleiste sorgfältig vorstellen. Lösung für das Problem einer transparenten Linie in der Win11-Taskleiste Methode 1: 1. Laut Benutzerfeedback können Sie mit der rechten Maustaste auf translucenttb klicken und die Einstellungen öffnen. 2. Setzen Sie dann den Rand der Symboloption auf 1, um das Problem zu lösen. 2. Wählen Sie dann das Standardthema des Systems aus und ändern Sie es, um das Problem zu lösen.

Grafisches Tutorial zum Transparentmachen der Win7-Taskleiste Grafisches Tutorial zum Transparentmachen der Win7-Taskleiste Jul 20, 2023 am 09:49 AM

Heute fragte eine Gruppe von Benutzern, warum ihre Computer nach der Neuinstallation von Windows 7 keinen Transparenzeffekt hatten. Tatsächlich wird dies dadurch verursacht, dass Ihr Computer den Grafikkartentreiber nicht rechtzeitig aktualisiert und das Windows 7 Aero-Design nicht anpasst. Sie können es auf folgende Weise einrichten. 1. Zuerst müssen Sie sicherstellen, dass auf Ihrem Computer ein neuer Grafikkartentreiber installiert ist. Sie können den Treiberassistenten oder 360 Driver Master verwenden, um den Grafikkartentreiber online zu aktualisieren. . 2. Klicken Sie mit der rechten Maustaste auf eine leere Stelle auf dem Desktop, wählen Sie „Personalisieren“ und öffnen Sie. 3. Suchen Sie hier nach dem Aero-Thema und wählen Sie es aus. Unter normalen Umständen sollten Sie den transparenten Glaseffekt sehen können. Verstehen Sie das Tutorial, wie Sie Ihre Win7-Taskleiste transparent machen? Schüler, die nicht wissen, wie es geht, machen es bitte schnell.

So legen Sie Transparenz in CSS fest So legen Sie Transparenz in CSS fest Nov 01, 2023 am 10:00 AM

Zu den CSS-Methoden zum Festlegen der Transparenz gehören das Opazitätsattribut, der RGBA-Farbwert, das Hintergrundfarbenattribut, die Verwendung von Pseudoelementen usw. Detaillierte Einführung: 1. Das Deckkraftattribut: Durch Festlegen des Deckkraftattributs des Elements wird ein transparenter Effekt erzielt. Der Wertebereich dieses Attributs liegt zwischen 0 und 1. 0 bedeutet vollständig transparent, 1 bedeutet vollständig undurchsichtig. 2. RGB-Farbwert. durch Festlegen der Deckkraft des Elements. Die Hintergrundfarbe oder Textfarbe ist ein RGBA-Farbwert, um einen transparenten Effekt zu erzielen. Der RGBA-Farbwert besteht aus Rot, Grün, Blau, Transparenz usw.

Wie stelle ich die Terminaltransparenz im Linux-System ein? Wie stelle ich die Terminaltransparenz im Linux-System ein? Jan 07, 2024 am 10:21 AM

Wenn Linux Befehle im Terminal ausführt, können Sie die Terminaltransparenz festlegen, um die Anzeige anderer Hilfedokumente wie PDFs, Webseiten usw. zu erschweren. Werfen wir einen Blick auf das ausführliche Tutorial unten. . 1. Fenster-Spezialeffekte aktivieren 1. Um die Transparenz des Terminals einzustellen, müssen Sie zunächst die Fenster-Spezialeffekte aktivieren. Klicken Sie zunächst in der Taskleiste auf „Kontrollzentrum“. 2. Klicken Sie im Kontrollzentrum auf „Anzeige“. 3. Stellen Sie sicher, dass unter „Anzeige“ die Schaltfläche „Fenstereffekte aktivieren“ aktiviert ist. 4. Darüber hinaus können Sie auch die Tastenkombinationen Umschalt+Win+Tab verwenden, um Fenstereffekte schnell zu öffnen oder zu schließen. 2. Transparenz einstellen

Schritt-für-Schritt-Anleitung zum Festlegen der Taskleistentransparenz in Windows 10 Schritt-für-Schritt-Anleitung zum Festlegen der Taskleistentransparenz in Windows 10 Jul 11, 2023 pm 11:37 PM

Zufällig sah ich, dass die Win10-Taskleiste einer anderen Person transparent war, und sie sah sehr schön aus. Als ich zurückkam, wollte ich auch meinen eigenen Win10-Computer so einstellen, dass er transparent ist. Unter normalen Umständen hat die Standard-Taskleiste keinen transparenten Hintergrund und Sie müssen die Einstellungen anpassen. Als nächstes erklärt der Editor im Detail, wie Sie die Win10-Taskleiste in einer Minute vollständig transparent machen. 1. Öffnen Sie zunächst das Win10-System, klicken Sie dann mit der rechten Maustaste auf den Desktop und suchen Sie im Kontextmenü nach „Personalisierung“. 2. Wählen Sie dann im Fenster „Personalisierung“ im linken Menü „Farbe“ aus und klicken Sie auf offen. 3. Suchen Sie dann im Menü rechts nach „Transparenzeffekt“, wählen Sie „Ein“ und aktivieren Sie „Startmenü, Taskleiste und Aktionscenter“ und „Titelleiste“. 4. Kehren Sie dann zu w zurück

So passen Sie die Transparenz der Win11-Taskleiste an So passen Sie die Transparenz der Win11-Taskleiste an Jan 01, 2024 am 11:17 AM

Viele Benutzer mögen die transparente Version der Seite. Unter dem Win11-System können Benutzer mit einigen Methoden auch eine transparente Taskleiste einrichten, damit die Bedienung und das Erscheinungsbild besser aussehen. So stellen Sie die Win11-Taskleiste transparent ein 1. Klicken Sie auf das Startmenü und öffnen Sie dann den Microsoft Store. 2. Suchen Sie nach „TranslucentTB“, suchen Sie dann das entsprechende und laden Sie es herunter. 3. Klicken Sie hier, um zu installieren. 4. Wählen Sie nach dem Öffnen „Desktop“ und klicken Sie dann auf „Löschen“.

So stellen Sie die Transparenz der Taskleiste in Win10 ein So stellen Sie die Transparenz der Taskleiste in Win10 ein Jul 07, 2023 pm 03:57 PM

Die Details lauten wie folgt: 1. Öffnen Sie den App Store. 2. Suchen Sie nach transfluenttb und laden Sie es herunter (dies ist ein Open-Source-Tool, mit dem Sie die Taskleiste schnell einrichten können). Dialogfeld; 4. Bedienung dieses Gadgets. Es ist normalerweise zwischen den kleinen, mittleren und großen Pfeilsymbolen in der Taskleiste versteckt. Sie können es in die Taskleiste ziehen. 5. Nachdem Sie die transparente Farbtabelle aktiviert haben, können Sie die Taskleiste festlegen. Wenn Sie es vollständig transparent einstellen möchten, können Sie es auf vollständig transparent einstellen. Da ich die englische Version installiert habe, können die Einstellungen den folgenden Bildern entnommen werden. Das Obige ist der vollständige Prozess, um die Win10-Taskleiste transparent zu machen. Als paranoider Mensch dürfen Sie ihn nicht verpassen.

See all articles