html5 代码问题,如何设置hover,使整个背景图片变色.
.content1{border-radius:50px;height:400px;width:300px;float:left;position:fixed;botto...
.content1{ border-radius:50px ; height: 400px; width: 300px; float: left; position: fixed; bottom: 50px; left: 750px; } .content1 :hover{ background-color: white; } <div class="content1" style="background-image:url(img/1.jpg);"> <h2>AAAAAAsdasd</h2> </div>
我想让整个背景变色 ,不是这一行 ,求大神指点一下该怎么改.. 展开
我想让整个背景变色 ,不是这一行 ,求大神指点一下该怎么改.. 展开
2个回答
展开全部
一：就是那一行，你没有想错。只不过是其它地方做错了。
二：<div class="content1" style="background-image:url(img/1.jpg);"> <h2>AAAAAAsdasd</h2> </div>
a:这一行已经在style里面写死了，所以更改了.content:hover也不起作用，
b:background-color在有background-image的情况下，不起作用。
c:.content1 :hover这里面又多了一个空格。有的时候，也会导致失败。
三：正确的代码：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<style type="text/css">
.content1{
border-radius:50px;
height:400px;
width:300px;
float:left;
position:fixed;
bottom:50px;
left: 750px;
background-image:url(img/1.jpg);
}
.content1:hover{
background-color: white;
background-image:url(img/2.jpg);
}
</style>
<body>
<div style=""> <h2>AAAAAAsdasd</h2> </div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
.content1{
border-radius:50px ;
height: 400px;
width: 300px;
float: left;
position: fixed;
bottom: 50px;
left: 750px;
background: url(img/1.jpg);
}
.content1:hover{
background: white;
}
</style>
<div class="content1">
<h2>AAAAAAsdasd</h2>
</div>
你代码中格式错误如下：.content1 :hover 这个css中间是不能有空格的，正确的写法是.content1:hover
.content1{
border-radius:50px ;
height: 400px;
width: 300px;
float: left;
position: fixed;
bottom: 50px;
left: 750px;
background: url(img/1.jpg);
}
.content1:hover{
background: white;
}
</style>
<div class="content1">
<h2>AAAAAAsdasd</h2>
</div>
你代码中格式错误如下：.content1 :hover 这个css中间是不能有空格的，正确的写法是.content1:hover
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
