gpt4 book ai didi

CSS Sprites 在图像上显示损坏的图像图标,但悬停仍然有效

转载 作者:行者123 更新时间:2023-11-28 13:51:08 26 4
gpt4 key购买 nike

我想不通..希望其他人可以。

我有一个图像按钮。悬停效果很好。但是,我在按钮图像上有 IE 损坏的图像图标。

看这里:Funky Image Funky Image Hover

如您所见...除了令人讨厌的破损图像外,它们都可以正常工作。

这是我的 CSS:

.donate-btn{background: transparent url(/custom/img/donate-btn.png) no-repeat;overflow:hidden;height:45px;width:210px;float:left;}.donate-btn:hover{background: transparent url(/custom/img/donate-btn.png) no-repeat;height:45px;width:210px;background-position: 0 -45px;}

最佳答案

这仅仅意味着您在 source 中引用了一个不存在的图像属性。您应该考虑使用实际的 <button>标签代替。它只需要一些额外的样式属性来删除边框和填充:

.donate-btn{
background: transparent url(/custom/img/donate-btn.png) 0 0 no-repeat;
overflow:hidden;
height:45px;
width:210px;
border: none;
padding: 0;
float:left;
}

.donate-btn:hover{
background-position: 0 -45px;
}

我还通过删除悬停状态下一些不必要的样式来简化您的 CSS。

<button class="donate-btn" type="submit"></button>

关于CSS Sprites 在图像上显示损坏的图像图标,但悬停仍然有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1918820/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com