MyException - 我的异常网
当前位置:我的异常网» HTML/CSS » CSS背景显示有关问题

CSS背景显示有关问题

www.MyException.Cn  网友分享于:2013-02-21  浏览:4次
CSS背景显示问题
一开始我这样写background: #e0ffe0;有背景显示出来,但是我写成这样
background:#e0ffe0url(images/pixel_grid.jpg);
就没有背景显示出来,而且我再改回
background: #e0ffe0;背景还是显示不出来了,是不是第一次改的时候默认的背景的大小被改变了?

<html>
<title>pingpang</title>
<head>
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/html5game.pingpang.js"></script>

</head>
<body>
<header>pingpang</header>
<div id="game">
<div id="playground">
<div id="paddleA" class="paddle"></div>
<div id="paddleB" class="paddle"></div>
<div id="ball"></div>
</div>
</div>
<footer>
this is a example of creating a ping pang game.
</footer>
</body>
</html>


<style>
#playground{
background: #e0ffe0 url(images/pixel_grid.jpg);
width: 400px;
height: 200px;
position: relative;
overflow: hidden;
}

#ball{
background: #fbb;
position: absolute;
width: 20px;
height: 20px;
left: 150px;
top: 100px;
border-radiue: 10px;
}

.paddle{
background: #bbf;
left: 50px;
top: 70px;
position: absolute;
width: 30px;
height: 70px;
}

#paddleB{
left: 320px;
}

</style>

$(function(){
$("#paddleB").css("top","20px");
#("#paddleA").css("top","60px");
});


------解决方案--------------------
有关系吗?样式没问题。
------解决方案--------------------
试下清理缓存
------解决方案--------------------
你是不是把那张图片删除了,导致图片的路径不对。我拷你的代码在本地试了下,没有问题。

文章评论

软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有