Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 仅部分显示精灵_Css_Performance_Stylesheet_Sprite_Css Sprites - Fatal编程技术网

Css 仅部分显示精灵

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:

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

但由于某些原因,我的google+图像没有显示出来;它只显示了5个社交媒体按钮中的4个。下面是JSFIDLE,它也不显示google+按钮:

感谢您能在这方面提供任何指导

SE希望我在这里包含代码,尽管这是一个悬而未决的问题。但无论如何,我的样式表中有以下内容:

.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天行者!我现在觉得自己很笨--我甚至没有看到那个错误。我非常感谢有时间阅读和回答我的问题,并张贴你的小提琴。非常感谢你!谢谢你,卢卡斯·天行者!我现在觉得自己很笨--我甚至没有看到那个错误。我非常感谢有时间阅读和回答我的问题,并张贴你的小提琴。非常感谢你!