CSS背景图像重复不显示

时间:2011-02-16 16:35:08

标签: css

background: url("/Img/chic/gradient.JPG") repeat-x scroll 0 0 transparent;
color: White;
cursor: pointer;
display: block;
font-size: 11px;
font-weight: bold;
margin-bottom: 1px;
padding: 2px 0 3px 15px;
position: relative;
text-decoration: none;
vertical-align: text-bottom;
width: 100px;

这是从Firebug获取的按钮上输出的CSS。但是背景没有显示。

这是在代码中声明CSS的方式:

.navigationTab
{
    position:relative;
    color:White;    
    width:100px;
    font-size:11px;
    font-weight:bold;
    margin-bottom:1px;
    cursor:pointer;
    padding:2px 0px 3px 15px; 
    vertical-align:text-bottom;
    text-decoration:none;
    display: block;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2273ba', endColorstr='#1B62A0', iOrientation=1); /* for IE */
    /*background: -webkit-gradient(linear, left top, left bottom, from(#2273ba), to(#1B62A0)); /* for webkit browsers */
    /*background: -moz-linear-gradient(top,  #2273ba,  #1B62A0); /* for firefox 3.6+ */
    background: url(/Img/chic/gradient.JPG) repeat-x;

}

我是否宣布背景错误?

HTML:

<a href="/Extranet/mvc/Indications.cfc/rates/8bfe5685-5de1-4cba-b5bd-9c128fb513bb" class="navigationTab" id="ctl00_ratesLink">
    <img src="/Extranet/img/chic/plugin.png" style="vertical-align: text-bottom;"><span style="padding-left: 5px;">Rates </span>
</a>

1 个答案:

答案 0 :(得分:1)

您是否检查过图像路径是否正确?

需要注意的一点是,如果样式是在外部样式表中定义的,则相对图像路径相对于.css文件而不是HTML页面。