DIV background semi-transparent text non-translucent style
|
DIV background is semi-transparent, but the words in DIV are not semi-transparent Copy code The code is as follows:<body bgcolor="#336699"> <div style="filter:alpha(opacity=50);background:#ffffff;width:600;"><span style="color:yellow"> The layer background is semi-transparent, and the font color is also semi-transparent Copy code The code is as follows:</span></div> <div style="filter:alpha(opacity=50);background:#ffffff;width:600"><span style="position:relative;color:yellow">The layer background is semi-transparent, and the font color is not semi-transparent</span></div> *******The layer with filter must have width attribute, otherwise the filter will be invalid. ******** We can use CSS style filters to set filter effects on some HTML tags. example: Black and white photo filter: gray; X-ray photofilter: Xray; Wind blur filter: blur(add=true,direction=45,strength=30); Sine wave filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3); Translucent effect filter: Alpha(Opacity=50); Linear transparent filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140); Radiation transparency filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200); White transparent filter: Chroma(Color=#FFFFFF); Reduce color filter: grays; Negative effect filter: invert; Flip left and right filter: fliph; Vertical flip filter: flipv; Projection effect filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true); Mosaic filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3); Glow effect filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5); Soft edge effect filter:alpha(opacity=100, finishOpacity=0,style=2 |
<<: Best Practices Guide for Storing Dates in MySQL
>>: Vue+webrtc (Tencent Cloud) practice of implementing live broadcast function
Recommend
Complete the search function in the html page
Recently I've been working on a framework tha...
How to manage cached pages in Vue
Table of contents Problem 1: Destruction 1. How t...
Several ways to use require/import keywords to import local images in v-for loop
Table of contents Problem Description Method 1 (b...
Basic usage of exists, in and any in MySQL
【1】exists Use a loop to query the external table ...
How to change the system language of centos7 to simplified Chinese
illustrate When you install the system yourself, ...
4 Scanning Tools for the Linux Desktop
While the paperless world has not yet emerged, mo...
Docker custom bridge docker0 and docker's opening, closing, and restarting command operations
question After the company migrated the server, t...
Provides helpful suggestions for improving website design
<br />Scientifically Design Your Website: 23...
Introduction to Apache deployment of https in cryptography
Table of contents Purpose Experimental environmen...
Two methods of implementing automatic paging in Vue page printing
This article example shares the specific code of ...
Summary of the benefits of deploying MySQL delayed slaves
Preface The master-slave replication relationship...
Example code for developing h5 form page based on react hooks and zarm component library configuration
Recently, I have used React Hooks in combination ...
Detailed explanation of the buffer pool in MySQL
Everyone knows that data in MySQL needs to be wri...
Detailed tutorial on installing mysql under Linux
1. Shut down the mysql service # service mysqld s...
Detailed explanation of Vue + Axios request interface method and parameter passing method
Table of contents 1. Get request: 2. Post request...