你可以使用jq来改变，，
css：
<style>
.div{
background:url("test.jpg") no-repeat
border:solid 1px red
height:200px
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
$(".div").click(function(){ //写了点击测试效果
$(this).css({
"background" : "url('menu.jpg') no-repeat",
"borderColor" : "blue"
})
})
})
</script>
html：
<div class="div" onclick="changeBg(this)"></div>
测试：
初始
点击后
js：
---------------------------------------------------------------
function changeBg(obj){
obj.style.backgroundImage="url(menu.jpg)" //都是使用驼峰写法~~~
}
---------------------------------------------------------------
同意上面回答的说法,把Imag去掉的话能够正常显示,但是Img是一个超级块对象.Img高度或者宽度的设定及图像本身的大小都会影响浏览器对这些数据的呈现.文字对象你用不用<span>括起来在这个例子当中都 一样吧.<span>标签本来就是做内联布局的.他们就如同一些元素流一样.现在的浏览器在处理这些问题的时候,也许都默认让他们在下面浮动包围了吧.
如果你要实现这样的布局的话,你可以混合使用相对和绝对布局实现.
1、首先在netbenas建立一个html文件。
2、引入css文件。
3、html文件增加一个显示图片层。
4、在1.css文件中增加代码。
5、看看浏览器图片层效果。
6、层里面加一个图片。
7、在win10下调用自带的3d画图软件。
8、在win10下画图3d软件新建一个画布,画一个画布是184x149尺寸。
9、win10自带的3d软件画一个矩形。
10、导出png文件格式。
11、在netbeanshtml代码中增加绑带div。
