基本上我正在使用W3网站上的“Tryit Editor” 这是我用
开始的代码<!DOCTYPE html>
<html>
<head>
<style>
body
{
background-image:url("img_tree.gif"),url("img_flwr.gif");
background-color:#cccccc;
}
</style>
</head>
<body>
</body>
</html>
我想更改背景颜色和背景图片,以便它们只能在div上找到,而不是在整个页面上找到。我还想在页面周围移动div。我能够用背景元素制作div,但我无法在页面上移动它。我使用以下代码,认为
top:150px;
left: 150px;
会导致div改变位置
<!DOCTYPE html>
<html>
<head>
<style>
div
{
position=fixed;
top:150px;
left: 150px;
background-image:url("img_tree.gif"),url("img_flwr.gif");
background-color:#00dccc;
height: 200px;
width: 200px;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
唉,div没有改变立场。是什么给了什么?
谢谢! :
答案 0 :(得分:4)
您的position
声明中有一个等号而不是冒号,导致该页面忽略它。改变它,它会工作!
答案 1 :(得分:2)
你的代码错了。它应该是
position: fixed;