Das obere feste Div kann auf einen halbtransparenten Effekt eingestellt werden

Das obere feste Div kann auf einen halbtransparenten Effekt eingestellt werden

Code kopieren
Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=UTF-8">
<title>Oberste Feste</title>
<style type="text/css">
html, Text {Überlauf: ausgeblendet; Rand: 0px; Breite: 100 %; Höhe: 100 %;}
.virtual_body {Breite: 100 %; Höhe: 100 %; Überlauf-y: Scrollen; Überlauf-x: Auto;}
.fixed_div {position:absolute;z-index:2008;oben:0px;links:0px;rechts:16px;höhe:40px;hintergrund:#CCCCCC;rand unten:3px eingeschoben;randfarbe:#006699;
//unten: 20px;
//Rand: 1px durchgehend rot;
//Rahmenstil:Einschub;
//Transluzente Effektproduktion
//Filter:Alpha(Deckkraft=50);
//-moz-opacity:0.5;
//Deckkraft: 0,5;
//Hintergrund:#666666;
}
</Stil>
</Kopf>
<Text>
<div class="fixed_div"><font color="red">Zhengzhou-Universität</font></div>
<div Klasse="virtueller_Körper">
<div Stil="Höhe:888px;">
<p>


Auf Wiedersehen, ich komme bestimmt wieder bei Dir vorbei!
</div>
</div>
</body>
</html>

Das Wirkungsdiagramm sieht wie folgt aus:

<<:  Verwendung von „align-content“ im Zeilenumbruchbereich des Flex-Layouts

>>:  Einführung in die neuen Funktionen von ECMAscript

Artikel empfehlen

Lösung für das Timeout-Problem der SNMP4J-Serververbindung

Als Verwaltungszentrale und Server dient dabei un...

Implementierungsmethoden gängiger CSS3-Animationen

1. Was ist CSS Animations ist ein vorgeschlagenes...

W3C Tutorial (2): W3C Programme

Der W3C-Standardisierungsprozess ist in 7 verschi...

Verstehen Sie die Prinzipien und Anwendungen von JSONP in einem Artikel

Inhaltsverzeichnis Was ist JSONP JSONP-Prinzip JS...

Schritte zur VSCode-Konfiguration mit der Git-Methode

Git ist in vscode integriert und viele Vorgänge k...

Verwendung des Array-Filters filter() in JS

Inhaltsverzeichnis 1. Einleitung 2. Einführung in...

Vue implementiert Dialogkapselung

Inhaltsverzeichnis Vue2-Schreiben Schreiben der V...

So überwachen Sie die Windows-Leistung auf Zabbix

Hintergrundinformationen Ich habe kürzlich einige...

Detaillierte Erläuterung der MySQL-Transaktionsisolationsebene und des MVCC

Inhaltsverzeichnis Transaktionsisolationsebene Be...

vue.config.js Verpackungsoptimierungskonfiguration

Die Informationen auf Baidu sind so vielfältig, d...

Stellen Sie das Vue-Projekt auf einem Linux-Server bereit

Fall 1 vue-cli erstellt das vue3-Projekt, lädt da...