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背景不重複

回答

相關問題