我想知道更好的方法

我想知道更好的方法

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">	
	<title>CSS布局</title>
	<style type="text/css">
		*{
			margin: 0;
			padding:0;
		}
		img{
			width: 380px;
			height: 240px;
			position:relative;
		}
		/*此处写代码*/
		.i_z{
		    width:380px;
		    height:240px;
		    background:#000;
		    opacity:0.5;
		    position:absolute;
		    top:-0px;
		    z-index:1;
		    left:0px;
		}
	</style>
</head>
<body>
<nav>
</nav>
	<div>
		<img src="img/img1.jpg">
	</div>
	<!-- 此处写代码 -->
	<div class="i_z"></div>
</body>
</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
小于飞飞 2017-04-20 11:51:38

你好,实现了要求效果,通过定位和z-index来实现,top:-0px; 直接写top:0px; 就可以,祝学习愉快。

  • 这感觉没有啥更好的办法了吧,这道题目简单,而且又要达到题目的任务要求
    2017-04-22 22:20:16
  • 根据作业要求,实现效果,棒棒哒。
    2017-04-25 18:52:07
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师