我body和.opacity宽高都设成了100%,照理说都是视窗的宽高

我body和.opacity宽高都设成了100%,照理说都是视窗的宽高

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
可用f12查看div范围的时候,opacity和body虽然都是一样的width和height,但范围明显不一样,
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{padding:0;
margin:0;}
html,body{
width:100%;
height: 100%;
}
 
.con{
width:100%;
height:4000px;
background:url(mooc.png) center top no-repeat;
}
.opacity{
width:100%;
height:100%;
opacity:0.5;
background:black;
position:fixed;
top:0;
}
.login{
width:360px;
height:360px;
background:url(login.png);
position:fixed;
top:50%;
left:50%;
margin-left:-180px;
margin-top:-180px;
z-index:1;
}
 
 
</style>
</head>
<body>
<div class="con">
 
</div>
<div class="login">
 
</div>
<div class="opacity">
 
</div>
 
</body>
</html>

http://img1.sycdn.imooc.com/climg//59742fa300016f7f13510638.jpg

http://img1.sycdn.imooc.com/climg//59742fa300019f7413320607.jpg


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

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

2回答
好帮手慕糖 2017-07-23 15:45:07

你好,正常显示的宽高都是一样的,至于颜色加深的范围,可是是由于其他元素的浮动影响的。祝学习愉快!

好帮手慕糖 2017-07-23 11:47:24

你好,我这里查看都是一样的呀,如下两个图;祝学习愉快!

http://img1.sycdn.imooc.com/climg//59741c400001399413660662.jpg

http://img1.sycdn.imooc.com/climg//59741c4000018f4113500642.jpg


  • 提问者 weibo_飞来云去_0 #1
    对,div的尺寸都是一样的,我的开发者工具是在右边,但是鼠标点到div时网页上一般对应着div范围内颜色加深显示,两个div的height显示范围明显不一样
    2017-07-23 13:07:54
  • ddcatzlx 回复 提问者 weibo_飞来云去_0 #2
    确实是哎,我这边body那块儿也是显示固定宽高,不过是1295x729,不懂为什么会这样,而且老师怎么后面怎么没有回复你这个问题啊?
    2017-08-13 15:26:21
  • 提问者 weibo_飞来云去_0 回复 ddcatzlx #3
    因为无关紧要,还没细究到那个级别,另外助教的能力范围都不一样且有限。你的宽高和我的不一样应该是浏览器窗口不一样所致,这个没什么大不了的
    2017-08-13 18:57:09
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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