Css IE7缺少元素背景图像

Css IE7缺少元素背景图像,css,internet-explorer-7,Css,Internet Explorer 7,我有一个大问题,使我的网站comp。使用较旧的浏览器 我在我的网站的许多部分使用标签+输入文本。IE7没有显示标签的背景 登录标签的css: label[for="login"] { -moz-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; background:url(moduletable_header_

我有一个大问题,使我的网站comp。使用较旧的浏览器

我在我的网站的许多部分使用标签+输入文本。IE7没有显示标签的背景

登录标签的css:

label[for="login"] {
       -moz-border-radius:5px 0 0 5px;
      -moz-border-radius:5px 0 0 5px;
      -webkit-border-radius:5px 0 0 5px;
      background:url(moduletable_header_color.png) repeat-x left bottom;
      border-bottom:#b3aba4 1px solid;
      border-left:#b3aba4 1px solid;
      border-radius:5px 0 0 5px;
      border-right:#b3aba4 1px solid;
      border-top:#b3aba4 1px solid;
      color:#fff;
      display:block;
      float:left;
      font-family:'TitilliumText22LMedium';
      font-size:12px;
      font-weight:bold;
      height:25px;
      line-height:25px;
      margin:0;
      padding-bottom:0;
      padding-left:10px;
      padding-right:10px;
      padding-top:0;
      text-shadow:1px 1px 0 black;
      width:140px;

}
我在另一个页面上为另一个标签使用相同的代码:

.formField label {
  -moz-border-radius:5px 0 0 5px;
  -webkit-border-radius:5px 0 0 5px;
  background:url(moduletable_header_color.png) repeat-x left bottom;
  border-bottom:#b3aba4 1px solid;
  border-left:#b3aba4 1px solid;
  border-radius:5px 0 0 5px;
  border-right:#b3aba4 1px solid;
  border-top:#b3aba4 1px solid;
  color:#fff;
  display:block;
  float:left;
  font-family:'TitilliumText22LMedium';
  font-size:12px;
  font-weight:bold;
  height:25px;
  line-height:25px;
  margin:0;
  padding-bottom:0;
  padding-left:10px;
  padding-right:10px;
  padding-top:0;
  text-shadow:1px 1px 0 black;
  width:140px;
}
第二个是工作好。第一种在其他浏览器上运行良好。
怎么了?Im拉出我的头发。

IE7不允许您选择带有“for”属性的标签。其他属性可以工作,但尝试以以下任一方式选择元素都不起作用:

label[for=test],
label[for] {
    /* THIS CODE WILL BE IGNORED */
}
您必须以另一种方式选择元素,例如使用ID或类


IE7在使用属性选择其他元素时也存在问题。例如,尝试将
表th[cellpadding=0]
作为选择器也不起作用。

我希望IE7不支持属性选择器(label[For=“login”])。当我向w3c查询时,如果我们放入doctype,它将起作用。 以下是一个例子:-

这里有更多细节

是的,它不支持 [for=“login”]

要使其在IE7和兼容浏览器中工作,请使用此选择器:

label[for="login"], label[htmlFor="login"]

有关此IE7错误的详细信息,请参阅:

其工作。但我真的不明白这两页之间的区别因为这是一个joomla站点,所以标题(包含doctype)是相同的…无论如何。非常感谢。我不知道哪一个是第一个答案。很抱歉,如果不是在另一个页面中,您没有使用css的属性选择器。所以,它会将样式应用到……您形成元素。所以,您可以在页面A中执行同样的操作,也可以添加包装器div并使用它应用样式。