为什么我需要添加重复才能显示？

Question

这是我的page

这是我的CSS

dot {
 background:url("images/non_selected.png") repeat scroll 22px 22px transparent;
 height:22px;
 width:22px;
}

当我将其更改为

时

 url("images/non_selected.png") norepeat scroll 22px 22px transparent

什么都没有显示......是什么给了

Answer 1

no-repeat而不是norepeat。如果不解决这个问题，请告诉我。

编辑＃1：你正在抵消太多......试试

background: url(http://dev.posnation.com/build_system/css/images/non_selected.png) no-repeat 0px 0px;

Answer 2

这是因为您将背景图像偏移了22个像素。图像在dot范围之外开始，因此除非您重复此图像，否则它不会显示。相反，尝试：

background: url("images/non_selected.png") no-repeat scroll left top;

重要的是将“22px 22px”更改为“left top”。