The top fixed div can be set to a semi-transparent effect

Copy code

The code is as follows:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Top Fixed</title>
<style type="text/css">
html,body {overflow:hidden;margin:0px;width:100%;height:100%;}
.virtual_body {width:100%;height:100%;overflow-y:scroll;overflow-x:auto;}
.fixed_div {position:absolute;z-index:2008;top:0px;left:0px;right:16px;height:40px;background:#CCCCCC;border-bottom:3px inset;border-color:#006699;
//bottom:20px;
//border:1px solid red;
//border-style:inset;
//Translucent effect production
//filter:alpha(opacity=50);
//-moz-opacity:0.5;
//opacity:0.5;
//background:#666666;
}
</style>
</head>
<body>
<div class="fixed_div"><font color="red">Zhengzhou University</font></div>
<div class="virtual_body">
<div style="height:888px;">
<p>

Goodbye, I will definitely come back to see you!
</div>
</div>
</body>
</html>

The effect diagram is as follows:

MySQL master-slave synchronization, implementation principle of transaction rollback

Blog

The top fixed div can be set to a semi-transparent effect

Implementation of formatting partitions and mounting in Centos7

Steps for importing tens of millions of data into MySQL using .Net Core

Introduction to the process of installing MySQL 8.0 in Linux environment

An article to show you how to create and use Vue components

How to use Docker containers to implement proxy forwarding and data backup

VMware ESXi installation and use record (with download)

How to allow remote connection in MySql

11 ways to remove duplicates from js arrays

Vue3.0 handwritten carousel effect

MySQL master-slave synchronization, implementation principle of transaction rollback

Recommend

Nginx local directory mapping implementation code example

Sample code for implementing the Olympic rings with pure HTML+CSS

Vue implements drag progress bar

Summary of uncommon js operation operators

Command to view binlog file creation time in Linux

An example of changing traditional replication to GTID replication without stopping business in MySQL 5.7

Mybatis+mysql uses stored procedures to generate serial number implementation code

How to monitor Linux server status

Detailed installation and configuration of Subversion (SVN) under Ubuntu

Linux uses shell scripts to regularly delete historical log files

Navicat for MySQL 15 Registration and Activation Detailed Tutorial

How MLSQL Stack makes stream debugging easier

MySQL series of experience summary and analysis tutorials on NUll values

A brief discussion on the difference between MYSQL primary key constraint and unique constraint

Introduction to HTML method of opening link files using hyperlinks