Question

我想在悬停时用另一个沙漏改变沙漏[这是第一个沙漏BasicImg，我希望在悬停时将其替换为AfterHover] ... 我尝试用js做到这一点，但这里的问题是这只是一个字母..我的意思是沙漏只是一个字母 - 我用的是图标字体...... 沙漏的代码是这样的：

.fa.fa-hourglass-start{
color:inherit;
	font-size: 28px;
	line-height: 20px;
	vertical-align: middle;
}

<html>
<head>
  <link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css"/>
</head>
<body>  
<li><a href="#"><span class="fa fa-hourglass-start"></span> Istoric</a>
</body>
</html>

抱歉我的英文不好

Answer 1

a > .my-hourglass:before{content:"\f251"}
a:hover > .my-hourglass:before{content:"\f252"}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/>
<html>
<head>
  <link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css"/>
</head>
<body>  
<li><a href="#"><span class="fa my-hourglass"></span> Istoric</a>
</body>
</html>

（以示例编辑）使用CSS上面的图标（而不是fa-hourglass-start）

使用标志性

1 个答案: