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

JavaScript-Puzzlespiel

In diesem Artikelbeispiel wird der spezifische Ja...

Mit CSS3 erstellte Buchseitenumblättereffekte

Ergebnis:Implementierungscode: html <!-- Wenn ...

Tiefgreifendes Verständnis der sieben Kommunikationsmethoden von Vue-Komponenten

Inhaltsverzeichnis 1. Requisiten/$emit Einführung...

Implementierung von Debugging-Code über den Nginx-Reverse-Proxy

Hintergrund Heutzutage werden die Projekte des Un...

So öffnen Sie den Port in Centos7

Die Standard-Firewall von CentOS7 ist nicht iptab...

Detaillierte Beschreibung allgemeiner Ereignisse und Methoden von HTML-Text

Veranstaltungsbeschreibung onactivate: Wird ausgel...

VScode Remote SSH-Remote-Bearbeitung und -Debugging von Code

Die neueste Insider-Version von Visual Studio Cod...

ReactHooks Batch-Update-Status und Abrufen von Routenparametern Beispielanalyse

Inhaltsverzeichnis 1. So führen Sie stapelweise U...

SQL-Implementierung von LeetCode (197. Steigende Temperatur)

[LeetCode] 197.Steigende Temperatur Schreiben Sie...