background-repeat : 반복을 중지 할 수없는 이유는 무엇입니까?

나는 기괴한 문제가 있습니다. 더 짧은 코드 인 DRYer를 작성하려는 정신으로, 개인 h3 스타일에서 '반복 없음'을 제거하고 단 하나의 선언으로 처리하려고합니다. 다음은 실패한 코드의 예제 버전입니다. #c에있는 h3은 #a와 #b처럼 설정하지 않으면 계속 반복되지 않습니다.
background-repeat : none을 no-repeat으로 바꾸려고 시도했지만 행운은 없습니다. 어떤 도움을 주셔서 미리 감사드립니다!background-repeat : 반복을 중지 할 수없는 이유는 무엇입니까?

.class > h3 
    { 
     float:left; 
     height:21px; 
     width:200px; 
     margin-bottom:10px; 
    } 

    #a > h3 {background:url(a.png) no-repeat;} 
    #b > h3 {background:url(b.png) no-repeat;} 
    #c > h3 {background:url(c.png);} 

    /* EDIT: this code does not work (even after applying Thom's answer)  
    h3 {background-repeat:none;} 
    */ 

    h3 {background-repeat:no-repeat;}

출처

2010-08-11 Zach Lysobey

background 값의 수를 설정 속기 선언입니다. 귀하의 신고는 background-repeat입니다. 대신 #c > h3의 background 선언을 background-image으로 대체하십시오.

출처

2010-08-11 18:08:00

잘 정리 된 모든 것! 고마워요, 톰. 나는 그 라인을 따라 무언가를 느꼈다. –

되지 않는 이유는 배경 반복 : 없음 작동합니까?

은이 no-repeat라는 이름 때문에 :

출처

2010-08-11 18:00:15

질문을 읽었습니까? 'background-repeat : none : no-repeat, no luck'을 대체하려고 했습니까? 아니면 {no-repeat : none} 또는 이와 비슷한 것을 의미합니까? 나는 background-repeat를 취했다 : Paul Irish의 http://html5boilerplate.com/css 파일에서 아무 것도 사용하지 말고 사용하십시오. –

background-repeat : 아무 것도 작동하지 않아서 Thom의 대답을 구현했습니다. 어쩌면 내 다음 질문은 "왜 배경 반복합니까 : 아무도?" 롤. –

w3 학교 CSS 참조가 당신과 동의하는 것처럼 보입니다. http://www.w3schools.com/css/pr_background-repeat.asp. 지금 나는 어느 것을 사용할 지 모르겠다 :-( –

OK, background-repeat : none 유효한 속성은 아닙니다. 당신은 부모 요소에서 속성을 상속 반복, 없는 반복, 반복-X, 반복-Y 및 상속하지만 존재하지 않는없음 있습니다. 어쩌면 그것은 크롬과 파이어 폭스 같은 브라우저에서 작동 할 것입니다.이 브라우저는 당신이 의미하는 바를 알아 내려고 노력하지만 IE는이 일로 매우 까다 롭습니다.

출처

2013-04-24 15:09:33 Labanino

background-repeat : 반복을 중지 할 수없는 이유는 무엇입니까?

답변

관련 문제