1

我正在尝试将 div 元素“High Tatras”“High Tatras 2”的背景颜色设置为带有 CSS 的黄色。

gallery li {background-color: yellow;}

jsfiddle 演示http://jsfiddle.net/pragnesh/CjDDB/

但是背景色黄色仅适用于元素的顶部和底部。

这段代码可能有什么问题？

4

4 回答 4

6

jquery-ui 似乎有一个奇怪的多背景 css 规则（哈哈，它不是多背景……只是评论让我失望了……太晚了）。尝试只使用背景属性：

.gallery li {
    background: yellow;
}

演示：http: //jsfiddle.net/j2TtX/

导致背景的规则是这样的：

.ui-widget-content { 
    border: 1px solid #aaaaaa/*{borderColorContent}*/;
    background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
    color: #222222/*{fcContent}*/;
}
于 2012-12-17T06:27:02.580 回答
2

jquery UI 库中有一个白色背景图像，在你的 CSS 中添加这一行以覆盖 css 规则。

.gallery li.ui-widget-content{background-image:none;}​
于 2012-12-17T06:35:56.510 回答
0

高估这个背景是问题，您应该删除此类“.ui-widget-content”中的背景属性

.ui-widget-content {
    background: url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #222222;
}

它来自 jquery-ui.css（第 243 行）

于 2012-12-17T06:37:18.923 回答
0

这是工作代码

问题是一旦你background-image为一个 div 设置了，你就不能通过它覆盖它，background-color因为它只设置颜色属性（它的优先级低于图像），而background属性将重置所有与背景相关的属性，即，

  1. 背景颜色
  2. 背景图片
  3. 背景位置
  4. 背景重复
  5. 背景附件

并设置颜色。所以使用：

 background: yellow;
于 2012-12-17T06:38:21.673 回答