hover伪类改变div背景图片功能被覆盖_IT百科

你是添加背景图片。整张的话，都是直接覆盖的呀，除非你可以添加一张小于原先的背景图片测试下你就知道效果了，，

上面的那个文字图片我就是用after写的，他是直接叠在上头的

.div{

background:url(test.jpg) no-repeat

width:500px

height:500px

border:solid 1px red

}

.div:after{

content:""

background:url(menu.jpg) no-repeat center center

display:block

width:200px

height:200px

}

鼠标经过时样式是用伪类a:hover{background-image :url("comet.jpg")}

a:link 未被访问前的样式

a:visited 访问过后的样式

在<HTML>和<BODY>标记之间插入

<!--

#a1 a:hover{background-image :url("鼠标滑过.jpg")}

#a1 a:link {background-image :url("未访问前.jpg")}

-->

</style>

上面的代码用于定义一个ID选择符

然后引用的代码html源码如下

<a href="#">我是未访问前的</a>

</div>

如果还是不明白百度HI我

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

hover伪类改变div背景图片功能被覆盖