IE는 no-repeat을 인식하지 못합니까?

글쎄, I have a website이고 앞 페이지의 이미지가 완전히 아래로 반복됩니다. Chrome에서 한 번만 반복됩니다. 원하는대로 할 수 있습니다.IE는 no-repeat을 인식하지 못합니까?

body { 
    color: #999999; 
    background-color: #490000; 
    background:url('http://pigymunk.co.uk/bgasdf2.png') fixed, url('http://pigymunk.co.uk/bgasdf.png') fixed; 
    background-repeat: no-repeat, repeat; 
    background-position: left top, left top; 
}

출처

2012-05-21 pigymunk

당신은

background-repeat: no-repeat, repeat;

당신은 단지 하나 no-repeat또는repeat 지정할 수 있습니다 - 둘, 예를 들어,

background-repeat: no-repeat;

크롬은 지원하지 않기 때문에 두하지만 같은 IE와 같은 많은 브라우저이 무효을 고려 있도록 CSS3 구문을 지원합니다.

업데이트 (CSS3가 부분적으로 만 지원, CSS2 표준입니다 기억) : 당신이 층 깜짝 놀라게 :) 사용할 필요가 layerd 배경을 만들 수 있습니다.

body { 
    color: #999999; 
    background-color: #490000; 
    background: url('http://pigymunk.co.uk/bgasdf.png'); 
    background-repeat: repeat; 
    background-position: left top; 
} 

#logo { 
    height: 200px; 
    width: 220px; 
    background: url('http://pigymunk.co.uk/bgasdf2.png') no-repeat top left; 
    position: absolute; 
    top: 0px; left: 0px; 
}

HTML : 배경 이미지는, 예를 들어, 전원이 꺼져 때 표시되지 않습니다으로

더 나은 아직

<body> 
<div id="logo"></div> 
...

하거나, 로고의 배경 이미지를 사용하지 않는 인쇄용. 로고에 대한 올바른 크기로 이미지를 자르기과 HTML에

<body> 
<div id="logo"><img src="http://pigymunk.co.uk/bgasdf2.png" alt="Piggymunk logo" /></div> 

...

jsfiddle 예를 넣어 : http://jsfiddle.net/ytL2w/

출처

2012-05-21 19:23:27 FluffyKitten

크롬에서는 정상적으로 작동하며 블로그 (IE에서)로 이동하면 정상적으로 작동합니다. – pigymunk

하지만이 작업을 수행하면 반복 횟수가 1 회 있고 반복하지 않아도됩니다. – pigymunk

@ user1408280 CSS는 그 문법을 허용하지 않으므로 * 당신이 원하는 것은 무엇이든 상관 없습니다 - 당신은 CSS가 당신에게 할 수있는 일을 할 수 있습니다 :) 그러나 모자는 당신이 "반복과 아니오를 의미하는지 이해하지 못합니다 -반복"? – FluffyKitten

이 시도 :

body { 
color: #999999; 
background-color: #490000; 
background-image:url('http://pigymunk.co.uk/bgasdf2.png'); 
background-position: fixed; 
background-repeat: no-repeat; 
}

출처

2012-05-21 19:23:27

을 추가했습니다. 사이트를 보았습니다. 두 배경이 서로 겹쳐졌습니다. – pigymunk

이 나를 위해 IE9에서 잘 작동 :

를

body { 
    color: #999999; 
    background-color: #490000; 
    background: url('http://pigymunk.co.uk/bgasdf2.png') no-repeat fixed left top, 
    url('http://pigymunk.co.uk/bgasdf.png') repeat fixed left top; 
}

출처

2012-05-21 19:29:35 Ana

별도의 CSS 속성을 사용하면 문제가되지 않으므로 OP 구문이 유효하지 않습니다. . – FluffyKitten

네,하지만 두 번째 배경이 필요합니다 bgasdf.png 그 밑에 있고 반복되었지만 도움을 주셔서 감사합니다 – pigymunk

첫 번째 것은 위에있는 것입니다. 그래서 당신은 당신이 원하는 것을 마지막에 놓아야합니다. – Ana

IE는 no-repeat을 인식하지 못합니까?

답변

관련 문제