鼠标放在按钮上按钮变色

news/2024/11/23 5:34:36/

下面是部分代码

html:

<div class="MP_sbtn"><a href=""><span>修   改</span></a>
</div>
<div class="MP_cbtn"><a href=""><span>取   消</span></a>
</div>

 css:

.MP_sbtn a span,.MP_cbtn a span{background-image: url("../images/default_btn.jpg");width: 58px;height: 23px;cursor: pointer;
}
.MP_sbtn a:hover span,.MP_cbtn a:hover span{background-image: url("../images/changed_btn.jpg");width: 58px;height: 23px;
}
  如果不用span,直接就是 .MP_sbtn:hover,那么在ie下不会变色,所以用span来解决这个问题。

 


http://www.ppmy.cn/news/708474.html

相关文章

一个没卵用的鼠标骚特效

之前在看一个老哥的博客看到一个比较骚的特效&#xff0c;就是当鼠标移动&#xff0c;后面跟着一条小尾巴&#xff0c;依次是富强、民主等等&#xff0c;于是自己就尝试写代码实现一下&#xff0c;所以我弄了个原生的js实现方法&#xff0c;如果使用jQuery代码更简单&#xff0…

鼠标放上去会变色的按钮

鼠标放上前效果&#xff1a; 鼠标放上后效果&#xff1a; 代码如下&#xff1a; HTML代码&#xff1a; <button class"btn">LEARN MORE</button> CSS代码&#xff1a; .btn { color: white; background-color: #e1e1e1; padding: 0px 1em; w…

鼠标指针经过时背景变色

目录 一、如何使用鼠标指针经过时背景变色&#xff1f; 二、使用步骤 1.CSS&#xff08;表格的样式&#xff09; 2.表格&#xff08;5行7列的一个表格&#xff09; 2.Script部分&#xff08;实现鼠标指针经过时背景变色效果&#xff09; 总结 提示&#xff1a;以下是本篇文章正…

华为OD机试真题 Python 实现【分界线】【2023Q1 100分】,附详细解题思路

目录 一、题目描述二、输入描述三、输出描述四、解题思路五、Python算法源码六、效果展示1、输入2、输出 一、题目描述 电视剧《分界线》里面有一个片段&#xff0c;男主为了向警察透露案件细节&#xff0c;且不暴露自己&#xff0c;于是将报刊上的字剪切下来&#xff0c;剪拼…

弯道超车?测试新人与测试老鸟的距离,你的测试之路可以这样走...

目录&#xff1a;导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09; 前言 工作1-3年测试人 …

CAD经验技巧:CAD打印出来的图纸有些线条很淡是什么原因?

从事相关的设计的人员应该都知道&#xff0c;CAD设计图纸是一项很复杂的过程&#xff0c;通常要绘制完一份CAD图纸模型&#xff0c;最少也要好几个小时&#xff0c;绘图图纸的时候&#xff0c;我们都喜欢采用不同颜色的线条去区分图形和标注&#xff0c;这样有利于眼睛的分辨。…

html 页面怎么打印很小,网页上的内容打印出来太小怎么处理

1上网时将浏览器缩放比率设置为100%&#xff0c;一般情况下&#xff0c;网页设计者都会考虑网页的比例尺寸&#xff0c;100%是设计者理解的视觉体验。在打开一个网页时&#xff0c;点击浏览器右下角的“浏览器缩放功能”&#xff0c;在弹出的列表中选择“缩放比例100%”即可。如…

连接PC的打印机打印时乱码

原因及处理&#xff1a; 查看打印机数据线是否松动。更换打印机数据线调试。打开“运行”---输入spool 回车&#xff0c;删除PRINTERS文件夹中的所有文件。重启电脑。