设置输入按钮背景图像不工作

我想在jsp中设置输入按钮的图像。我对按钮的代码是像这样：设置输入按钮背景图像不工作

<input type="button" name="Unassign" class="btnUnassignHandlerRule" style="width:50px;" /> 
//setting width inline because it's not working in the CSS

而且CSS代码是像这样：

.btnUnassignHandlerRule{ 
    background: url(../Images/leftarrow.png) no-repeat; 
    height: 50px; 
    margin-top: 15px; 
}

我的文件层次结构是这样的：

JSP：网/ WEB-INF /jsp/myJspPage.jsp

图片：网页/图片/ leftarrow.png

请让我知道我的代码是否正确以及我的路径是否正确？否则我不知道为什么它不起作用。

来源

2012-01-10 Tiwaz89

你的代码的工作，检查目录../Images/leftarrow.png存在 – dg90 2012-01-10 08:52:23

工作对我来说，做了的jsfiddle：http://jsfiddle.net/g5zKz/

能告诉你的路径，CSS文件？所以我们可以看看你是否走错了路！

来源

2012-01-10 08:49:21

感谢您的帮助，CSS文件是正确的，因为其他CSS功能在JSP页面的工作路径。使用liferay，CSS的路径是一件复杂的事情，但它是正确的道路。 – Tiwaz89 2012-01-10 09:00:49

如果页面和图像URL如所述那样更改../Images/leftarrow.png到../../Images/leftarrow.png。顺便说一下，在我的测试中，即使与其他设置放置在相同的CSS规则中，width: 50px也能正常工作。

来源

2012-01-10 08:56:35

感谢您的提示，我会检查它是否现在工作。我正在使用liferay门户中的portlet。这很有趣，liferay混淆了一些CSS文件，这就是为什么我不得不求助于内联宽度设置。 – Tiwaz89 2012-01-10 08:59:24

好吧，这是行不通的:-(有没有办法做到这一点内联以及 – Tiwaz89 2012-01-10 09:11:44

如果背景设置不起作用，请再次检查URLs。您还可以测试内容图像显示时使用的URL：' '。关于内联CSS，你当然可以将所有的声明放在'style'属性中，但是如果它们不是在'style'元素中不起作用，问题就出现在覆盖它们的页面的* other * CSS设置中。 – 2012-01-10 09:43:54

请使用此css。

input.btnUnassignHandlerRule{ 
    background: url(../Images/leftarrow.png) no-repeat; 
    height: 50px; 
    margin-top: 15px; 
}

来源

2012-01-10 13:07:44

设置输入按钮背景图像不工作

回答

相关问题