Html 流体布局中的CSS精灵
我有一个背景图像用于CSS精灵 现在的问题是我只能使用流体布局（仅%，无px），并且%定位在调整浏览器大小时会产生问题（例如，显示其他箭头的某些部分）Html 流体布局中的CSS精灵,html,css,css-sprites,fluid-layout,Html,Css,Css Sprites,Fluid Layout,我有一个背景图像用于CSS精灵 现在的问题是我只能使用流体布局（仅%，无px），并且%定位在调整浏览器大小时会产生问题（例如，显示其他箭头的某些部分） 我该如何解决这个问题？我可以举一个如何使用%定位作为背景的例子吗？流体布局和使用固定定位并不是相互排斥的 如果页面上有一个未展开的元素，例如使用精灵背景的按钮，则使用px作为大小或位置是合适的（可以说是强制性的） 假设图标保持其大小，则可以将图像移动到固定大小、绝对定位的子元素： 。图标{ /*流体30%，长宽比为1:1*/ 显示：内联块；
我该如何解决这个问题？我可以举一个如何使用%定位作为背景的例子吗？流体布局和使用固定定位并不是相互排斥的
如果页面上有一个未展开的元素，例如使用精灵背景的按钮，则使用
px。图标{
/*流体30%，长宽比为1:1*/
显示：内联块；
宽度：30%；
垫底：30%；
位置：相对位置；
边框：1px纯色热粉色；
}
.图标：：之前{
内容：“；
/*水平+垂直定心的自动边距技巧*/
位置：绝对位置；
左：0；
右：0；
排名：0；
底部：0；
保证金：自动；
/*匹配图标大小*/
宽度：30px；
高度：30px；
背景图片：url(http://i.stack.imgur.com/th9Xy.png);
}
.icon.icon1:：之前{
背景位置：0；
}
.icon.icon2:：之前{
背景位置：-30px0；
}
.icon.icon3:：之前{
背景位置：-60px 0；
}
.icon.icon4:：之前{
背景位置：0-30px；
}
.icon.icon5:：之前{
背景位置：-30px-30px；
}
.icon.icon6:：之前{
背景位置：-60px-30px；
}