background-image:Chrome中的网址按钮已损坏

时间:2011-12-15 20:57:18

标签: html css

我的按钮在IE 9,Firfox 8.0.1中运行得很好但在Chrome中是最近但不是今天的(我说这是因为我刚刚下载并测试了Chrome,它运行正常)或IE8。

.descbutton
{
   background-image:url('../images8/arrow-down4.jpg');
   background-repeat:no-repeat;
   height:20px;
   width:20px;
   float:right;
   border:none;
}

我的QA打破了我的按钮,我不知道如何解决这个问题。他们显示边界;他们不应该这样,而且图像是空白的。经过广泛的搜索后,我会问你的女士和男士帮忙。

还以为我应该包含嵌套在里面的代码。

.infoTable2  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
}

<td width="120" class= "infoTable2">

1 个答案:

答案 0 :(得分:1)

我有同样的问题,我把它排序了。希望你的情况是一样的。

检查按钮是否继承了样式属性appearance或任何特定变体-webkit-appearance-moz-appearance

我有appearance:button;,它阻止了背景图像显示在我的按钮上。