0
모든 최신 브라우저 및 IE7 및 IE8과 호환되어야합니다.반복되는 배경 + 투명 선형 그라디언트 결합이 수레와 호환되지 않습니까?
내가하려는 것은 하단을 더 어둡게 만드는 선형 변색이있는 페이지에 대해 반복적 인 배경 이미지를 갖는 것입니다. 당신이 볼 수 있듯이, 나는 두 위의 예에서 div가 떠내려가 http://jsfiddle.net/hxk2d/2/
: http://i.imgur.com/rrzyw.jpg
여기 내 예제 코드입니다. 몸체 선형 그래디언트가 어떤 이유로 나타나지 않습니다. 나는 왼쪽 div가 떠 다니기 때문이라고 생각했습니다.
왼쪽 div에 대한 float을 삭제하면 그라디언트가 표시되기 시작하지만 컨테이너 내에 만 표시됩니다.
분명히, 나는 플로팅 div가 있든 없든 상관없이이 기능을 선호합니다. 테스트 용 브라우저는 크롬과 파이어 폭스 두 가지 모두 동일한 동작을 수행했습니다.
무엇이 누락 되었습니까?
쿨! html과 body는 bg 나 linear 그라디언트를 반복 할 수 있습니다. 그러나 어떤 이유로 2 가지를 쉽게 결합 할 수 없습니다. 2. 왜 floating div가 선형 렌더링에 문제가되는 이유는 무엇입니까? 구배. clearfix 해킹은 현재로서는 적절한 임시 해결책이 될 수 있습니다. 그것에 대해 생각하지 않았다. – micah
그라디언트는 요소의 높이를 알아야만 색상 정지를 추가 할 수 있으므로 본문의 높이는 내용에 따라 다르며 clearfix를 유지하거나 인라인 내용을 추가하는 예제는 아래에 텍스트를 추가 한 예제를 참조하십시오. float divs http://jsfiddle.net/mrpollo/SrURv/ 하단에 머물러있게 두 가지를 추가했습니다. – rroche