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:

Tutorial zu HTML-Formular-Tags (4):

Artikel

Das obere feste Div kann auf einen halbtransparenten Effekt eingestellt werden

Implementierung der MySQL Master-Slave-Statusprüfung

Eine kurze Diskussion über die Unterschiede und Verbindungen zwischen .html, .htm, .shtml und .shtm

Erste Schritte mit CSS3-Animation in 10 Minuten

Beispiel für die Verwendung von Docker Swarm zum Erstellen eines verteilten Crawler-Clusters

Verwenden Sie die Tools iptables und firewalld, um Verbindungsregeln für die Linux-Firewall zu verwalten

Verwenden Sie CSS-Mischmodi und SVG, um die Farbe Ihrer Produktbilder dynamisch zu ändern

Verwenden von vue3, um den Nebennachrichten-Eingabeaufforderungseffekt des Apple-Systems zu imitieren

So verwenden Sie nginx zum Konfigurieren des Zugriffs auf wgcloud

Tutorial zu HTML-Formular-Tags (4):

Detaillierte Erklärung, wie Vue-Komponenten Werte untereinander übertragen

Artikel empfehlen

Einfache Implementierung von Vue Drag & Drop

Wie gut kennen Sie sich mit reinen HTML-Tags aus?

Beispielmethode zum Anzeigen von IP in Linux

Probleme und Lösungen bei der Verwendung der TweenMax-Animationsbibliothek in Angular

Zusammenfassung der wichtigsten Wissenspunkte zur MySQL-Abfrageoptimierung

MySQL 8.0.19 Win10 - Schnellinstallations-Tutorial

jQuery implementiert den Tabellen-Paging-Effekt

Ausführliche Erklärung verschiedener binärer Objektbeziehungen in JavaScript

Verwendung von „Select“, „Distinct“ und „Limit“ in MySQL

Deaktivieren Sie die IE-Bildsymbolleiste

js generiert dynamisch Tabellen (Knotenoperationen)

40 CSS/JS-Stil und funktionale technische Verarbeitung

Vue integriert Tencent TIM Instant Messaging

Verwenden von CSS3 zum Erstellen von Header-Animationseffekten

IE8 Beta 1 hat zwei Bereiche, die Ihre Aufmerksamkeit erfordern