我试图设置一个元素的背景为no-repeat
- 我尝试了以下方法,但它似乎什么都不做,我是否会在某处出错?它带出了a
链接上的图像,这很好。我隐藏文字链接使用text-indent
离开它(隐藏它),但隐藏它也隐藏了背景图像。有没有试图隐藏链接并显示bg图片的方法?下面是我迄今为止所做的 - 我只需要一些指导来解决这个问题 - 对jQuery来说相对较新。jQuery .css背景不重复
<script type="text/javascript"> //Looking for every td a element and alerting it out on page (popup)
$('.AspNet-DataList td a').each(function (index) {
//alert(index + ': ' + $(this).text());
var submitEl = $(".AspNet-DataList td a")
//.parent('.AspNet-DataList td a')
.css('background', 'url(/assets/img/radarstep' + (index + 1) + 'dark.png)', 'backgroundRepeat:', 'no-repeat');
});
当我在Firebug查看它td a
元素这就是从jQuery的CSS来了。即使从这里设置背景为no-repeat
也无法正常工作,并且在主要的css文件中,我尝试添加高度和宽度 - 似乎不起作用。现在困惑。
<a id="ctl07_HealthAndSafetyRadarForm_Wizard_SideBarContainer_SideBarList_SideBarButton_5" href="javascript:__doPostBack('ctl00$ctl07$HealthAndSafetyRadarForm_Wizard$SideBarContainer$SideBarList$ctl05$SideBarButton','')" style="background: url("/assets/img/radarstep6dark.png") no-repeat scroll 0 0 transparent;">Review</a>
//main.css
.AspNet-DataList td a {
/*text-indent: -9999em;*/
/*display:block; */
background-repeat: no-repeat;
height: 25px;
width: 25px;
}
Houdmont工作完美 - 是否存在关于不同属性的文档,我可以为背景添加像高度,宽度和不透明度级别的文档? - '.css({'background-image':'url(/ assets/img/radarstep'+(index + 1)+'dark.png)',' 'background-repeat' 'height':'25px', 'width':'25px' });' – MJCoder
,完美的工作 – MJCoder