jQuery .css背景不重复

我试图设置一个元素的背景为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; 
}

来源

2011-12-01 MJCoder

.css({'background-image' : 'url(/assets/img/radarstep' + (index + 1) + 'dark.png)', 
     'background-repeat': 'no-repeat'});

来源

2011-12-01 10:14:03 Houdmont

Houdmont工作完美 - 是否存在关于不同属性的文档，我可以为背景添加像高度，宽度和不透明度级别的文档？ - '.css（{'background-image'：'url（/ assets/img/radarstep'+（index + 1）+'dark.png）'，' 'background-repeat' 'height'：'25px'， 'width'：'25px' }）;' – MJCoder

，完美的工作 – MJCoder

试试这个：

.css({ 
    'background-image': 'url(/assets/img/radarstep' + (index + 1) + 'dark.png)', 
    'background-repeat' : 'no-repeat' 
});

来源

2011-12-01 10:10:19

：“：” ** – MJCoder

哦我傻，而不是添加的，我要加入：（有时候我觉得像是把脑袋sla在脑后） – MJCoder

如果你写了'background-repeat：'，它应该是'background-repeat'，没有：在属性名的末尾。 – Houdmont

你为什么要发表意见display: block; CSS？您需要告诉浏览器您的链接必须以块的形式显示。另外我不确定你可以像你一样使用jQuery css属性;你是否尝试过语法div.css({ propertie: value, propertie: value });？

来源

2011-12-01 10:12:44

我最初为了测试目的放置了一个块来隐藏文本。我会尝试你的解决方案杰里米。感谢您花时间帮助我。 – MJCoder

un-commenting'display：block'现在工作，因为它显示正确的高度+宽度=） – MJCoder

input[type="submit"] {background:url(mybutton.png);background-repeat:no-repeat;height: 29px;width: 44px; }

试试这个将它添加回来与**预计行了，当我的作品

来源

2013-09-18 06:43:14

jQuery .css背景不重复

回答

相关问题