Html 社交精灵不&';行不通

Html 社交精灵不&';行不通,html,css,Html,Css,无论我尝试了多少价值观,我都不能使用这个社交精灵。 图片为700 x 400像素 Html看起来像 .sociala{ 过渡:0.5s; 宽度:32px; 高度:32px; 利润率:10px; 显示:块; 文本缩进:20000px; 边界半径:50%; 背景图片:url(https://i.gyazo.com/f24952f2c3460c6851a108b4f98cee68.jpg) } #脸谱网{ 背景位置: } 您使用的是700 x 400像素的图片,与您希望将社交图标放入其中的32 x

无论我尝试了多少价值观,我都不能使用这个社交精灵。 图片为700 x 400像素

Html看起来像

.sociala{
过渡:0.5s;
宽度:32px;
高度:32px;
利润率:10px;
显示:块;
文本缩进:20000px;
边界半径:50%;
背景图片:url(https://i.gyazo.com/f24952f2c3460c6851a108b4f98cee68.jpg)
}
#脸谱网{
背景位置:
}

您使用的是700 x 400像素的图片,与您希望将社交图标放入其中的32 x 32像素锚定标签相比,这张图片非常大。因此,您需要编辑700 x 400像素图像的背景大小

之后,您可以找到正在查找的图标的背景位置

我对您的小提琴做了一些小的改动,以便它能够按照您的用例工作

我的代码片段如下所示:

.social{
显示:-webkit内联框;
}
.社会{
过渡:0.5s;
宽度:35px;
高度:35px;
利润率:10px;
显示:块;
文本缩进:20000px;
边界半径:50%;
背景尺寸:250px;
背景图片:url(https://i.gyazo.com/f24952f2c3460c6851a108b4f98cee68.jpg)
}
#脸谱网{
背景位置:-1px107px;
}
#instagram{
背景位置:145px 107px;
}


背景位置:
拼写错误,缺少其值。您是否尝试定义了
背景大小
属性?我尝试了所有值,但当我非常想让您看到guysPlease提供有关您的问题的更多信息时,我就这样离开了。。。到底发生了什么?@GummyGod好吧,它仍然是错误的,你应该输入一些你尝试过的值,这样人们就可以看到你的语法是错误的还是什么。