gpt4 book ai didi

css - Sprite 仅部分显示

转载 作者:太空宇宙 更新时间:2023-11-03 20:19:44 25 4
gpt4 key购买 nike

我试图为我的 asp.net 主页底部制作一个 sprite 图像,以减少 http 请求的数量。我查看了所有的编码,没有发现任何错误。这是图片:

5 social media buttons

但由于某种原因,我的 google+ 图片没有显示;它只显示 5 个社交媒体按钮中的 4 个。这是 jsfiddle,它也不显示 google+ 按钮:

JSFiddle - social media buttons

感谢任何可以在这方面提供任何指导的人!

SE 希望我在此处包含代码,尽管它在 Fiddle 上。但无论如何,这是我的样式表中的内容:

.homepage{
width:23px;
height:23px;
background-image: url(http://www.ussvision.com/images/sprite-homepage.jpg);
background-repeat:no-repeat;
}
.fbook{
background-position: 0px 0px;
}
.twit{
background-position: -25px 0px;
}
.yt{
background-position: -50px 0px;
}
.goog{
background-position: -103px 0px;
}
.linked{
background-position: -150px 0px;
}

最佳答案

.goog 的位置应该是-75px 0px:见http://jsfiddle.net/R8Eu8/1/

编辑:.linked 应该是 -103px, 0px

关于css - Sprite 仅部分显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13228039/

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