我有一个用于下面定义的锚链接的 CSS 文件。这适用于 IE7,但是当我在 Firefox 中打开页面时,按钮图像会更长。
我用谷歌搜索了 Firefox 是否有背景位置错误,但没有找到任何东西。
我该如何解决这个问题?
CSS文件如下:
/* button settings */
a.RadForm_CustomSkins, a.RadForm_CustomSkins span
{
background-image: url('FormDecorator/ButtonSprites.gif');
background-repeat:no-repeat;
cursor:hand;
cursor:pointer;
display:inline-block;
}
a.RadForm_CustomSkins.rfdInputDisabled:hover
{
background-position: 0% 0%;
}
a.RadForm_CustomSkins .rfdInner,
a.RadForm_CustomSkins.rfdInputDisabled:hover .rfdInner
{
margin-right: 11px;
margin-left: 11px;
background-position: 0 -21px;
color: #ffffff;
font-size:11px;
}
a.RadForm_CustomSkins.rfdInputDisabled:hover .rfdOuter
{
background-position: right 0%;
}
a.RadForm_CustomSkins:hover
{
background-position: 0 -42px;
}
a.RadForm_CustomSkins:hover .rfdInner
{
background-position: 0 -63px;
color: #ffffff;
}
a.RadForm_CustomSkins:hover .rfdOuter
{
background-position: right -42px;
}
/* end of button settings */
/* clicked button styles */
a.RadForm_CustomSkins.rfdClicked
{
background-image: url('FormDecorator/ButtonSprites.gif');
background-position: 0 -84px;
background-repeat: no-repeat;
}
a.RadForm_CustomSkins.rfdClicked span
{
background-image: url('FormDecorator/ButtonSprites.gif');
}
a.RadForm_CustomSkins.rfdClicked .rfdInner
{
background-position: 0 -105px;
background-repeat: repeat-x;
color: #ffffff;
}
a.RadForm_CustomSkins.rfdClicked .rfdOuter
{
background-position: right -84px;
background-repeat: no-repeat;
}
/* end of clicked button styles */
/* do NOT change these settings, otherwise the skinned buttons will be broken when used within a decoration zone */
a.rfdSkinnedButton.RadForm_CustomSkins
{
-moz-user-select: none !important;
outline: none !important;
text-decoration: none !important;
cursor: default !important;
text-align: center !important;
background-color: transparent !important;
border: 0 !important;
display: inline-block !important;
background-position: 0% 0%;
}
并且呈现为按钮的 HTML 是:
<a id="_rfdSkinnedctl00_signOut" class="rfdSkinnedButton RadForm_CustomSkins" href="javascript:void(0)" style="width: 80px;">
<span class="rfdOuter">
<span class="rfdInner">Çıkış</span>
</span>
</a>
<input id="ctl00_signOut" class="rfdRealButton" type="submit" value="Çıkış" name="ctl00$signOut" _rfddecoratedid="_rfdSkinnedctl00_signOut"/>