css - background偏移问题

问题描述

问 题

背景图片偏移时，当设置成no-repeat,也就是只有一张背景图片时，能够左右偏移和上下偏移，然而，设置成repeat-x时，只能上下偏移，不能左右偏移是怎么回事？ie和谷歌都试了都不行

解决方案

repeat-xx方向重复了呀。我猜你的图是一个样式重复的小图。
解释就是100px的元素，向右偏移50px,理论上左侧应该有50px的空白，但是repeat-x又将空白填充了呀~
mdn上repeat的解释是

图像会按需重复来覆盖整个背景图片所在的区域. 最后一个图像会被裁剪, 如果它的大小不合适的话.

position准确的说应该是图片做背景时，从哪个地方作为起始点。而不是元素上哪个地方为起始位置。

想做你说的效果目前能想到是：
两个div,开定位一个做背景，一个装文字，重叠在一起；
css3提供的背景相关的样式好像也没有能单方向且单向重复的。

这篇关于css - background偏移问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！