CSS background-repeat 属性

时间：2016-05-07 23:46:01 阅读：1672 评论：0 收藏：0 [点我收藏+]

标签：

###起因

>今天遇到一个问题，就是在给一个元素设置width 属性为100% 之后，鼠标放上去之后，仍然只有部分是阴影状态，如下图所示：

---

经过一番思索，这TM 不就是，hover 上去的时候，背景没有盖全嘛，赶紧找相关代码，发现了如下代码：

```

.midLeft ul li:hover{

background-image: url("../img/textBg.png");

background-repeat: no-repeat;

}

```

谁TM 这么蠢，使用了 no-repeat , 就是这句话导致我的100% 宽度不起作用。改成 repeat-x 就能在横轴方向上扩充了。下面把这个参数的详细用法记录一下，以备后用：

| value | describe|

|-----------|-------------|

|repeat | 默认。背景图像将在垂直方向和水平方向重复。|

|repeat-x |背景图像将在水平方向重复。|

|repeat-y |背景图像将在垂直方向重复。|

|no-repeat |背景图像将仅显示一次。|

|inherit |规定应该从父元素继承 background-repeat 属性的设置。|

那么，我们解决自己的问题，直接使用 repeat-x 就 OK 啦~

标签：

原文地址：http://www.cnblogs.com/nkyhq/p/5469442.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行