css 怎样更换背景图片?不动的那种~~~

html-css09

css 怎样更换背景图片?不动的那种~~~,第1张

分类: 电脑/网络 >>互联网

问题描述:

我换了就是没法取消模板自带的背景。。。

高手帮忙`

解析:

1.登录你的空间

2.点击设置-高级设置-自定义模板开始自定义-背景图片-无背景图片-保存修改

3.添加背景&固定背景语法如下:

body{background-image: url("背景图片地址")background-attachment: fixed}

把这句复制到body{background-color:#FFFFFF}下面去,再把括号里的“背景图片地址”(不包括引号)换成你要的图片的地址。

1.如果仅仅是光标放到div按钮上按钮背景图片改变,直接用css实现:

.div1{background:url(../images/but_01.gif) }

.div1:hover{background:url(../images/but_02.gif)}

2.如果是点击div按钮,按钮背景图片改变,可以用JQuery实现:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<script src="Scripts/jquery-1.6.1.min.js" type="text/javascript"></script>

<style type="text/css">

.div1

{

width: 300px

height: 300px

border: 1px solid black

background-image: url(Images/1.jpg)

}

</style>

<script type="text/javascript">

$(document).ready(function () {

$(".div1").bind("click", function () {

$(this).css("background-image", "url(Images/3.jpg)").mouseout(function () {

$(this).css("background-image", "url(Images/1.jpg)")

})

})//bind

}) //ready

</script>

</head>

<body>

<div class="div1">

</div>

</body>

</html>