배경에 도트 이미지가 보이지 않습니다.

내 페이지에 2 개의 문제점이 있습니다.배경에 도트 이미지가 보이지 않습니다.

내 래퍼 div에 도트가 있습니다. fF와 크롬 모두에서 보이지 않습니다.
탐색을위한 CSS 그라디언트가 있습니다. Chrome에서는 괜찮아 보이지만 FF에서는 그렇지 않습니다.

2011-04-07 dragonfly

배경 이미지를 점으로 설정했지만 그 후에 배경에서 그라디언트를 설정합니다. 그것은 점들을 덮어 씁니다, 아마도 당신은 여러 배경을 사용할 수 있습니다. 자세한 내용은 this link을 확인하십시오 (그래디언트 선언)

출처

2011-04-07 10:05:50

CSS의 관련 섹션을 게시해야합니다.

FF와 WebKit에는 그래디언트에 대한 다른 형식이 있습니다. 나는 CSS3가 FF 스타일에 더 가깝다 고 믿는다. 그래서 당신은 여러 개의 대체 CSS 문장을 제공해야 할 것이다. 그러나 Chrome 10 및 FF4에서는 페이지가 동일하게 보입니다.

도트는 그라디언트와 동일한 div에 설정되어 있습니까? 그라디언트는 "이미지"입니다. 두 개의 서로 다른 오버레이 div를 사용하고 상단 div의 불투명도를 변경하거나 배경에 여러 이미지를 지정해야하지만 배경 이미지의 겹침 순서를 변경해야 할 수도 있습니다.

출처

2011-04-07 10:10:18

여기 코드가 있습니다. http://jsfiddle.net/priyaa2002/fuP9x/ – dragonfly

그럼 대체 CSS 문은 무엇입니까? – dragonfly

"점"이 그라디언트 위에 겹쳐 지도록 지정된 여러 배경 이미지를 사용해야합니다. 그러나 그라디언트를 표시하려면 "도트"PNG가 투명해야합니다. 또한 여러 배경 이미지는 모든 브라우저에서 지원되지 않으며 (적어도 IE에서는 지원되지 않음) 많은 구 버전의 최신 브라우저는 지원하지 않습니다. 최신 브라우저를 사용하는 사용자를 타겟팅하는 경우에만 사용하십시오. 그렇지 않으면 두 개의 div를 사용해야합니다. –

배경에 도트 이미지가 보이지 않습니다.

답변

관련 문제