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:  |
<<: Use of align-content in flex layout line break space
>>: Steps for IDEA to integrate Docker to achieve remote deployment
Recommend
Detailed explanation of VMware12 installation centOS8 configuration graphic tutorial (vm virtual machine installation centos8 tutorial)
CentOS8 was released a few days ago. Although it ...
How to install git on linux
1. Introduction Git is a free, open source distri...
Detailed steps for creating a Vue scaffolding project
vue scaffolding -> vue.cli Quickly create a la...
MySQL password is correct but cannot log in locally -1045
MySQL password is correct but cannot log in local...
VSCode configuration Git method steps
Git is integrated in vscode, and many operations ...
How to connect to a remote docker server with a certificate
Table of contents 1. Use scripts to encrypt TLS f...
My CSS architecture concept - it varies from person to person, there is no best, only suitable
Preface <br />I have been working in the fro...
Multiple ways to calculate age by birthday in MySQL
I didn't use MySQL very often before, and I w...
6 interesting tips for setting CSS background images
Background-image is probably one of those CSS pro...
Docker network mode and configuration method
1. Docker Network Mode When docker run creates a ...
Mysql database master-slave separation example code
introduce Setting up read-write separation for th...
Detailed steps for deepin20 to install NVIDIA closed-source drivers
Step 1: Install the deep "graphics driver&qu...
Mysql5.7.17 winx64.zip decompression version installation and configuration graphic tutorial
1. Download mysql-5.7.17-winx64.zip; Link: https:...
How to install iso file in Linux system
How to install iso files under Linux system? Inst...
Two ways to remove the 30-second ad code from Youku video
I believe everyone has had this feeling: watching ...