IE和FF之间的差异。颜色

问题描述：

我发现在IE7和FF的区别在下面的CSS代码：IE和FF之间的差异。颜色

 
.list-common-wrapper .button-unfixed .button-unfixed-normal[disabled] .button-background, #id-chart-editor-active-event .button-unfixed .button-unfixed-normal[disabled] .button-background, .three-lists .button-unfixed .button-unfixed-normal[disabled] .button-background { 
    background: url("../images/button/btn_var_bg.gif") no-repeat scroll left -120px transparent; 
    color: #777777; 
    cursor: default; 
    text-decoration: none; 
} 
list.css (line 122) 
.list-common-wrapper .button-unfixed .button-unfixed-normal .button-background, #id-chart-editor-active-event .button-unfixed .button-unfixed-normal .button-background, #id-profile-editor-move-attributes-buttons .button-unfixed .button-unfixed-normal .button-background { 
    color: #333333; 
    cursor: pointer; 
} 
list.css (line 132) 
.button-unfixed-normal .button-background { 
    background: url("../images/button/btn_var_bg.gif") no-repeat scroll left 0 transparent; 
    display: block; 
    padding: 2px 8px 4px 12px; 
} 
button.css (line 111) 
Inherited froma.button-unfixed-def # 
.list-common-wrapper .button-unfixed .button-unfixed-normal[disabled], #id-chart-editor-active-event .button-unfixed .button-unfixed-normal[disabled], #id-profile-editor-move-attributes-buttons .button-unfixed .button-unfixed-normal[disabled] { 
    color: #777777; 
    cursor: default; 
    text-decoration: none; 
} 
list.css (line 142) 
.list-common-wrapper .button-unfixed .button-unfixed-def { 
    font-size: 12px; 
    line-height: 130%; 
} 
list.css (line 163) 
.button-unfixed .button-unfixed-normal { 
    color: #333333; 
    text-decoration: none; 
} 
button.css (line 104) 
.button-unfixed .button-unfixed-def { 
    cursor: default; 
    font-size: 12px; 
    line-height: 130%; 
} 
button.css (line 93) 
a { 
    color: #175DB5; 
    text-decoration: underline; 
}

这表明，颜色＃777777在IE7和FF的显示方式不同（看箭头）：

enter image description here

你在Mac/PC上观看吗？ – jsuissa 2012-04-26 04:29:26

我的环境： Windows 7 Internet Explorer 7 – 2012-04-26 04:38:06

答

您可能会因为附加的背景图像而看到不同。

在IE7的情况下 - 它根本不支持背景的简写属性。 http://www.w3schools.com/cssref/css3_pr_background.asp

这需要改变

background: url("../images/button/btn_var_bg.gif") no-repeat scroll left -120px transparent;

到：

background-image: url('../images/button/btn_var_bg.gif'); 
background-repeat: no-repeat; 
...and so on....

属性'disabled'是否会影响IE7按钮的样式？因为在我看来，这是问题 – 2012-04-29 23:30:01

这与主题无关。你需要接受这个答案（如果它解决了你的问题）并开始一个新的话题。是的，“禁用”属性会改变你的风格。 – 2012-04-30 10:19:23

然而，这是一个很好的答案，它不能解决我的问题。 – 2012-05-01 01:27:16

IE和FF之间的差异。颜色

相关推荐