CSS---背景图片加遮罩

ゞ浴缸里的玫瑰 2023-06-10 13:29 22阅读 0赞

<!DOCTYPE html>
    <html>
    <head>
        <title></title>
    	<link rel="shortcut icon" href="image/g3.ico">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
    	
        <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    	
     
    	<style>
    		body{
                margin: 0;
                padding: 0;
    			background-image:url(2.png);
            }
            .sonDiv:after{
                position: absolute;
                top: 0;
                left: 0;
                content: "";
                background-color: black;
                opacity: 0.4;
                z-index: 1;
                width: 100%;
                height: 100%;
            }
    	</style>
    </head>
    <body>
       <div class="sonDiv">
           <div><h1>content</h1></div>
       </div>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，22人围观）

还没有评论，来说两句吧...

相关阅读

相关图片遮罩效果

欢迎访问我的博客地址 : [博客地址][Link 1] **鼠标移入容器半遮罩层从下方逐渐移上去** 话不多说，直接上代码! <!DOCTYPE html...

小咪咪/ 2024年04月18日 16:53/ 0 赞/ 223 阅读

相关 css设置遮罩

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM

Love The Way You Lie/ 2023年07月16日 10:54/ 0 赞/ 110 阅读

相关 CSS---背景图片加遮罩

<!DOCTYPE html> <html> <head> <title></title> <link rel="shortc

ゞ浴缸里的玫瑰/ 2023年06月10日 13:29/ 0 赞/ 23 阅读

相关 css遮罩mask_使用mask-image属性在CSS中遮罩图像

css遮罩mask We covered the use of the [clip-path][] property for clipping using CSS, so i

布满荆棘的人生/ 2022年12月07日 11:53/ 0 赞/ 844 阅读

相关 css3、scss给图片加遮罩层

![效果][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dl

﹏ヽ暗。殇╰゛Y/ 2022年10月07日 11:46/ 0 赞/ 318 阅读

相关 CSS背景遮罩

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

￡神魔★判官ぃ/ 2022年09月01日 07:59/ 0 赞/ 405 阅读

相关 css——遮罩层

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

末蓝、/ 2022年06月03日 06:13/ 0 赞/ 455 阅读

相关 CSS实现遮罩层

<div id="main"> <button @click="open">open</button> <div cl

短命女/ 2022年05月26日 13:44/ 0 赞/ 501 阅读

相关如何给背景图片加颜色遮罩

方法一：通过定位叠加（注意层级关系） <style> .block { position: relativ

今天药忘吃喽~/ 2022年01月13日 10:25/ 0 赞/ 438 阅读

相关 CSS遮罩mask

前面的话　　CSS遮罩是[2008年4月][2008_4]由苹果公司添加到webkit引擎中的。遮罩提供一种基于像素级别的，可以控制元素透明度的能力，类似于png24位

系统管理员/ 2021年09月20日 11:44/ 0 赞/ 584 阅读