div背景透明，div内部的内容不透明

最新推荐文章于 2022-02-25 09:10:27 发布

勇敢的小提莫

最新推荐文章于 2022-02-25 09:10:27 发布

阅读量686

点赞数

分类专栏： jquery bootstrap

本文链接：https://blog.csdn.net/qq_35086941/article/details/105361153

版权

jquery 同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

bootstrap

2 篇文章 0 订阅

订阅专栏

1.css

<style type="text/css">
#div1 { 
	height:330px; 
	background-color:rgba(0, 0, 0, 0.3);
}
</style>

2.html

<body style="background-image: url('/img/1.jpg');">
	<div id="div1" style="margin-top: 10%;width: 30%;margin-left: 35%;">
		<div class="row">
        	<div class="col-sm-6 col-sm-offset-3 form-box">
            	<div class="form-top"  style="margin-top: 30px;">
                	<div class="form-top-left">
                    	<h3 style="color: white;">XXXX</h3>
                        <br/>
                    </div>
                </div>
             	<div class="form-bottom contact-form">
			    	<div class="form-group">
			        	<input type="text"  placeholder="用户名..." class="form-control" id="name">
			        </div>
			        <div class="form-group">
			        	<input type="text" placeholder="密码..." class="form-control" id="pwd">
			        </div>
			        <button type="submit" class="btn">登录</button>
				</div>
			</div>
		</div>
	</div>
</body>

勇敢的小提莫

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
div背景透明，div内部的内容不透明

1.css<style type="text/css">#div1 { height:330px; background-color:rgba(0, 0, 0, 0.3);}</style>2.html<body style="background-image: url('/img/1.jpg');"> <div id="div1"...
复制链接

扫一扫