css的hover不生效
来源:互联网 发布:金冠网络中介平台 编辑:程序博客网 时间:2024/05/29 05:57
<style type="text/css">
.btn-operation:hover{
background-color: red;
}
</style>
<table>
<tr><td nowrap="nowrap" >
<div>
<div class="btn-operation" style="width: 80px; overflow: hidden;text-overflow: ellipsis;background-color: yellow;">
<a rel="tab" href="#">test information</a>
</div>
</div>
</td>
</tr>
</table>
鼠标放在div上背景颜色没有改变,原因是因为你把元素的背景色写在了标签内部,所以hover改变背景色的时候就没有生效。
如果需要使hover生效,则需要把该标签的背景色用一个class去包装,而不是写在元素内部就可以了
<style type="text/css">.btn-operation{
background-color: yellow;
}
.btn-operation:hover{
background-color: red;
}
</style>
<table>
<tr><td nowrap="nowrap" >
<div>
<div class="btn-operation" style="width: 80px; overflow: hidden;text-overflow: ellipsis;">
<a rel="tab" href="#">test information</a>
</div>
</div>
</td>
</tr>
</table>
0 0
- css的hover不生效
- 关于li:hover伪类,以及各种除了a:hover在IE6下不生效的解决办法.
- 解决ie6 css:hover 背景色不改变的方案
- CSS的z-index设置不生效的原因
- maven创建的工程css文件不生效问题
- css中hover的妙用!!
- css Hover的巧用
- HTML外部引用CSS文件不生效
- jsp页面加载css文件不生效
- CSS样式不生效错误排查
- 项目中css样式不生效
- Springboot的AOP不生效
- css伪类hover ie6bug,揭开IE6下hover不显示原因
- 不使用hover外部CSS样式实现hover鼠标悬停改变样式
- SpringMVC中url-parden配置的问题和SpringMVC中js、css不生效问题
- css中hover伪类的bug
- 按钮hover状态的css实现
- 【css】使后加的css样式强制生效
- [经典算法]优雅实现顺时针打印矩阵
- github常见操作和常见错误!错误提示:fatal: remote origin already exists.
- Java的JDBC事务详解
- visio 2013 连接线使用技巧
- Android二维码扫描开发:实现思路与原理
- css的hover不生效
- 获取服务器json数据并解析显示listview上
- Improved Image Captioning via Policy Gradient optimization of SPIDEr
- mysql数据库引擎比较
- 53. Maximum Subarray
- 剑指offer:求二叉树的深度
- C语言里字符串的解析
- final与static的区别于用法
- Idea svn version is too old,You need to upgrade the working copy first.