让谷歌CSS兼容IE hover 伪类

最新推荐文章于 2021-08-03 22:24:48 发布

RSHUEN

最新推荐文章于 2021-08-03 22:24:48 发布

阅读量259

点赞数

分类专栏：前端文章标签：谷歌CSS兼容IE

本文链接：https://blog.csdn.net/RSHUEN/article/details/96474167

版权

例如IE只支持 a:hover,不支持其他标签:hover,
下面拿li 标签做事例

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<style>
   body{behavior:url("./css/csshover.htc");}

	ul, li {
		background-color:yellow;
		list-style-type: none;
		}
   	li.li_dir .button_class{
		display:none;/*默认隐藏*/
		float:right;

 	}
	li.li_dir:hover .button_class{
		display:block;/*当鼠标hover时展示*/
	}

</style>
<body>

<ul>
<li class="li_dir">
  <div class="treeNode treeNode-empty " style="padding-left: 20px" >
	<i class="icon icon-file"></i>
	<span class="title filename">整行</span>
	<input class="button_class" type="button" value="下载" /></a>
  <input class="button_class" type="button"  value="删除" /></a>
  </div>
</li>
<li class="li_dir">
  <div class="treeNode treeNode-empty " style="padding-left: 20px" >
	<i class="icon icon-file"></i>
	<span class="title filename">整行</span>
	<input class="button_class" type="button" value="下载" /></a>
  <input class="button_class" type="button"  value="删除" /></a>
  </div>
</li>
<li class="li_dir">
  <div class&#

最低0.47元/天解锁文章

RSHUEN

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
让谷歌CSS兼容IE hover 伪类

例如IE只支持 a:hover,不支持其他标签:hover,下面拿li 标签做事例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> ...
复制链接

扫一扫