2

我想要做的是有一个全屏背景，上面有一个径向图像，没有滚动条。现在它有点工作。我的意思是带有径向渐变（img）的 div 会添加一个滚动条，即使溢出：隐藏。

html { 
background: url(background.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}


#glow{
width:1043px;
height:763px;
position:absolute;
left:50%;
top:50%;
background-image: url('outer_glow.png');
margin-left:-543px; /* Negative half the width*/
margin-top:-381px; /* Negative half the height */
overflow: hidden;
}

我想要做的是，如果图像径向太大而无法将其切断并将其居中。但目前它仍然在我的浏览器中显示一个垂直条。下面的html

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="styleit.css" rel="stylesheet">
<title>Title</title>
</head>
<body>
<div id="glow"></div>
</body>
</html>
4

1 回答 1

1

这里的问题是您没有考虑到 DOM 树中的最后一个节点是body元素。

发生的情况是，当您调整窗口大小时，主体会看到它的子项比自己大，因此它会显示滚动条。

尝试将此添加到您的 CSS 中：

body {
  overflow: hidden;
}
于 2012-12-01T21:49:45.490 回答