html5 代码问题,如何设置hover,使整个背景图片变色._随笔

一：就是那一行，你没有想错。只不过是其它地方做错了。二：<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>

<title>Document</title>

</head>

.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>

把要展开的元素做成绝对定位的（position:absolute），它就脱离了文档流，不会影响到后面的其他元素。当然，用了绝对定位后，你的代码也要做相应的修改才行，这就你自己去摸索了。

问题分析：1、你对选择器不是很清晰。2、你是个做事马虎的人

问题解答：想要.wed-service滑过显示.codes。你要弄清选择器直接的关系，类名或ID之间加空格是包含选择器，可是.codes并没有被.wed-service包再里面，而且你想显示.codes，下面却写的ID #code

问题解答：方法有两种或更多

1、.wed-service + .codes{display:block} 这个叫相邻选择器，只有跟这个类名挨着的才好使。

2、.wed-service ~ .codes{display:block}这个叫兄弟选择器，只要是在这个类名下方的都执行

欢迎分享，转载请注明来源：内存溢出

html5 代码问题,如何设置hover,使整个背景图片变色.