Question

我正在使用jQuery验证插件。我有两个图像：第一个标签背景，数据有效，第二个 - 无效。

但它们看起来与css属性相同。

这是我的麻烦screenshot

的截图

这是我在css文件中的代码：

 label.error {
color:transparent;
display: inline;  
background: url('../images/not_valid.png') no-repeat;
padding: 10px;
margin-left: 5px;
width: 47px;
height: 36px;
}

label.valid {
background: url('../images/valid.png') no-repeat;
display: inline;  
padding: 10px;
margin-left: 5px;
color:transparent;
width: 47px;
height: 36px;
}

已编辑：DROPBOX上的文件 - link

Answer 1

您应该使用自己喜欢的dom检查器检查这些元素，并确保css中其他地方没有定义其他.valid和/或.error类，这会影响元素的样式。

我的意思并不完全正确

它们看起来与css属性相同

所以我只能认为在其他地方有更多的css会影响你的某个元素的显示。

Answer 2

好吧，图像似乎被裁剪了。所以问题似乎与background-position或标签的尺寸或大小有关。

无法理解为什么背景图片看起来不一样？

2 个答案: