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:

Verwenden Sie VSCodes Remote-SSH, um eine Verbindung zu Linux für die Remote-Entwicklung herzustellen

Artikel

Das obere feste Div kann auf einen halbtransparenten Effekt eingestellt werden

Vue implementiert ein einfaches Einkaufswagenbeispiel

Verwenden der Outline-Offset-Eigenschaft in CSS zum Implementieren eines Pluszeichens

So verwenden Sie einen Gamecontroller in CocosCreator

Die Breite der Tabellenzelle td ist ungültig und der interne Inhalt dehnt sie immer aus

CentOS 7.x Docker verwendet die Overlay2-Speichermethode

Verwenden Sie VSCodes Remote-SSH, um eine Verbindung zu Linux für die Remote-Entwicklung herzustellen

Lösung für das Problem, dass die vertikale Zentrierung des Flex-Innenknopfs nicht zentriert ist

Implementierung eines einfachen Gobang-Spiels mit nativem JavaScript

Vue implementiert die Methode zur Anzeige des Prozentsatzes der Echart-Kreisdiagrammlegende

Einführung in den B-Tree-Einfügeprozess

Artikel empfehlen

Vergleichstabelle für HTML-Sondersymbole auf Webseiten

Installationsmethode für mysql-8.0.17-winx64 unter Windows 10

Vue verwendet Openlayers zum Laden von Tiandi Map und Amap

Detailliertes Tutorial zum Erstellen eines ETCD-Clusters für Docker-Mikroservices

MySQL 8.0.20 Installations- und Konfigurations-Tutorial unter Docker

Detaillierte Verwendung des Kubernetes-Objektvolumens

Mysql GTID Mha-Konfigurationsmethode

CSS-Schreibstandards und -Reihenfolge teilen [für alle empfohlen]

So importieren Sie SQL-Dateien in Navicat Premium

Grafisches Tutorial zur Installation und Konfiguration der grünen Version von MySQL 5.7.21 winx64

Nginx-Reverseproxy und Lastausgleichspraxis

JavaScript implementiert Produktdetails der E-Commerce-Plattform

So verwenden Sie video.js in Vue zum Abspielen von Videos im M3U8-Format

Detaillierte Erläuterung des verschachtelten Routings im Vue-Router

Detaillierte Erläuterung zur Verwendung von Nginx + Consul + Upsync zum Erreichen eines dynamischen Lastausgleichs