Question

是否可以为CSS3中的src，onmouseout和onmousehover制作课程？

<img src="http://www.somesite.com//images/g.png" onmouseout="this.src = 'http://www.somesite.com/images/g.png'"  onmouseover="this.src = 'http://www.somesite.com/images/g-colored.png'" />

Answer 1

您可以使用:hover伪规则以及background样式属性和url()函数来完成此操作。首先使用某种“空白”标签，然后使用以下内容：

#my_tag_id
{
  background: url('/some/url/to/the/default/image.png');
}

#my_tag_id:hover
{
  background: url('/some/url/to/the/hover/image.png');
}

这本身不会使用src标记的img属性，但在没有任何Javascript的情况下具有相同的效果

img src和onmousehover在css3中

1 个答案: