jquery ui 选项卡正文背景答案

【问题标题】：jquery ui tabs body backgroundjquery ui 选项卡正文背景
【发布时间】：2011-04-18 08:07:49
【问题描述】：

我可以使用 jquery ui 选项卡并弯曲用于选项卡的 css。

我正在使用它来显示标签正文的背景颜色

.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0;
color:white; background-color: #111010; 
backgorund-image: url(backgrounds/g4wd10.gif) 0 0;
opacity:1;  font-size: 12px; }

显示背景颜色但不显示图像

看看here ...标签css在userTab.css中

我做错的任何事情或者可能是这样的事情都可以使用一些 jquery 来完成..

谢谢

【问题讨论】：

标签： jquery css user-interface jquery-ui-tabs

【解决方案1】：

错别字....更改

backgorund-image: url(backgrounds/g4wd10.gif) 0 0;

到

background-image: url(backgrounds/g4wd10.gif) 0 0;

【讨论】：

不同之处在于单词的拼写很重要。背景图像是正确的。背景图像无效，浏览器无法识别。
@john background-image 是正确的。背景图像无效... ???无意冒犯......两者都是一样的......或者我的大脑不工作？？？
@Pradyut - 背景图像有效。您拼写错误（您的拼写 = backGORound-image，正确拼写 = backGROund-image）。当您将其切换为背景时，您必须正确拼写，因为这也可以。
@Pradyut - 不确定你要我测试什么。我只是指出拼写问题出在哪里（您似乎对此感到困惑）。我没有测试任何东西，因为我没有尝试代码 - 只是想帮助@Grok。
不用担心...为清楚起见@Pradyut 这个等效代码（更详细）也可以工作： .ui-tabs .ui-tabs-panel { padding: 1em 1.4em;显示：块；边框宽度：0；白颜色;背景颜色：#111010；背景图像： url(../displayScale?id=20&full=true);背景位置：0 0；不透明度：1；字体大小：12px； }

【解决方案2】：

这个 CSS 工作...

.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; 
color:white; background-color: #111010;
background: #111010 url(../displayScale?id=20&full=true) 0 0;
opacity:1;  font-size: 12px; }

背景图像不起作用....

我真的无能为力......这超出了梦想......

谢谢

【讨论】：

如果图片确实存在于“backgrounds/g4wd10.gif”位置，那么就没有理由说明原件（减去错字）不能正常工作。但是，使用“背景”并像您现在所做的那样使用颜色和图像加载它会更有效。在这种情况下，您现在应该删除“background-color: #111010;”从您的新示例中获取一点，因为它是多余的。