Css IE7缺少元素背景图像
我有一个大问题,使我的网站comp。使用较旧的浏览器 我在我的网站的许多部分使用标签+输入文本。IE7没有显示标签的背景 登录标签的css: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_
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并使用它应用样式。