【发布时间】:2014-01-23 22:19:44
【问题描述】:
从外部 CSS 设置正文背景图像工作正常:它的代码是:background: url('../Images/BG.jpg') repeat;
现在我在 UI 上有一个命令按钮:
h:commandButton value="Login" styleClass="buttonClass"
buttonClass 的外部 CSS 是:
.buttonClass {
background: green url('../Images/buttonBG1.jpg') repeat;
height : 30px;
width: 150px;
font-size: 20px;
font-weight: bold;
border: solid 5px;
height: 30px;
}
这不起作用。但是当在 CSS-inline 中完成相同的样式时,它可以完美地工作。它也能够添加图像。但是从外部 CSS 文件尝试时,它不起作用。可能是什么问题?
【问题讨论】:
-
检查路径,基于
url您的css 和Images 文件夹应该在同一级别(同一文件夹的子文件夹)跨度> -
路径正确,对其他jsf组件有效,对命令按钮无效。
-
打开 FireBug 看看附加了哪些样式,有什么问题。