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

hover伪类改变div背景图片功能被覆盖,第1张

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

上面的那个文字图片我就是用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

}

<div class="div"></div>

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

a:link 未被访问前的样式

a:visited 访问过后的样式

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

<style type="text/css">

<!--

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

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

-->

</style>

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

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

<div id="a1">

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

</div>

如果还是不明白 百度HI我


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11426961.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存