Css 仅部分显示精灵
我试图在我的asp.net主页底部制作一个精灵图像,以减少http请求的数量。我查看了所有的编码,没有发现任何错误。图为: 但由于某些原因,我的google+图像没有显示出来;它只显示了5个社交媒体按钮中的4个。下面是JSFIDLE,它也不显示google+按钮: 感谢您能在这方面提供任何指导 SE希望我在这里包含代码,尽管这是一个悬而未决的问题。但无论如何,我的样式表中有以下内容:Css 仅部分显示精灵,css,performance,stylesheet,sprite,css-sprites,Css,Performance,Stylesheet,Sprite,Css Sprites,我试图在我的asp.net主页底部制作一个精灵图像,以减少http请求的数量。我查看了所有的编码,没有发现任何错误。图为: 但由于某些原因,我的google+图像没有显示出来;它只显示了5个社交媒体按钮中的4个。下面是JSFIDLE,它也不显示google+按钮: 感谢您能在这方面提供任何指导 SE希望我在这里包含代码,尽管这是一个悬而未决的问题。但无论如何,我的样式表中有以下内容: .homepage{ width:23px; height:23px; background-image:
.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
:请参阅
编辑:和.linked应该是
-103px,0px的位置.goog应该是-75px 0px
:参见
编辑:和。链接应该是-103px,0px
谢谢@Lukas\u天行者!我现在觉得自己很笨--我甚至没有看到那个错误。我非常感谢有时间阅读和回答我的问题,并张贴你的小提琴。非常感谢你!谢谢你,卢卡斯·天行者!我现在觉得自己很笨--我甚至没有看到那个错误。我非常感谢有时间阅读和回答我的问题,并张贴你的小提琴。非常感谢你!