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'); 
});

나는 불을 지르고에서이 JQuery와 CSS에서 오는 무엇인지 td a 요소를 볼 때. 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 - 높이, 너비, 불투명도 수준과 같은 배경에 추가 할 수있는 다양한 속성에 대한 설명서가 있습니까? 'background-repeat': 'no-repeat', - '.css ({'배경 이미지 ':'url (/ assets/img/radarstep '+ (색인 +1) +'dark.png ' '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

오 바보 나를 대신을 추가하는, 내가 추가해야 : (때로는 내 머리에서 눈을 때리는 느낌이 든다.) – MJCoder

'background-repeat :'을 쓴 곳은 'background-repeat'이어야하며, :는 속성 이름의 끝에. – Houdmont

왜 당신이 display: block; CSS를 언급 했습니까? 브라우저에 링크가 블록으로 표시되어야한다고 알려주는 것이 필요합니다. 또한 jquery css 속성을 사용할 수 있는지 잘 모르겠습니다. 구문 div.css({ propertie: value, propertie: value });을 사용해 보셨습니까?

출처

2011-12-01 10:12:44

처음에는 테스트 목적으로 텍스트를 페이지 밖으로 숨기도록 블록을 넣었습니다. 나는 당신의 해결책 인 제레미를 시도 할 것입니다. 도와 주셔서 감사합니다. – MJCoder

'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 배경 반복 없음

답변

관련 문제