2011-11-08 5 views
0

현재 하나의 페이지 웹 사이트를 만들고 있지만 문제가 있습니다. 고정 된 요소 아래에 스크롤 텍스트가 필요하지만 고정 된 위치 요소 아래에서 사라져야하는 텍스트를 볼 수 있습니다 , 투명 png 인 배경으로 요소가 고정 된 위치 요소 아래로 스크롤 할 때 텍스트를 숨길 수있는 방법이 있습니다. 여기 고정 된 위치 요소 아래의 텍스트 스크롤

이상적으로 내가 걸려 지금까지

JS FIDDLE

내가 무슨의 바이올린되도록 할 때 필요없이이 visisble되지 빨간 테두리 상자 뒤에 텍스트 이동 배경색.

+0

을 볼 수 있습니다. 그러나 왜 오버레이의 BG를 페이지의 BG와 같은 색으로 설정하는 것에 반대합니까? –

+1

이 작업을 수행하는 유일한 방법은 bg-color 또는 비 트랩 부모 용 bg 이미지입니다. – Kyle

+0

페이지 자체의 배경 이미지가 있는데 이는 노이즈입니다. – Udders

답변

0

나는 당신의 웹 사이트를 방문하여 성취하고자하는 것을 더 잘 이해하기 위해 몇 가지 이미지를 도난 당했다. 나는 당신의 페이지 배경을 엉망으로 만들 것이라는 가정하에 당신이 단단한 배경을 원하지 않는다고 가정한다. ....

당신은 multiple backgrounds ...

그것은 작동 PNG없이 목표를 구상 조금 어렵다 당신의 demo

0

#banner에 텍스트를 숨길 수있는 내용이 필요합니다. CSS에서 그 블록에 배경 이미지가있는 것처럼 보이지만 나타나지 않습니다.

헤더는 CSS 재설정에서 설정된대로 투명하므로 텍스트를 숨기려면 색상이나 이미지가 필요합니다. 그렇지 않으면 글래스 뒤에 텍스트를 이동하는 것과 같습니다 ... 실제로 텍스트를 덮을 것이 아니라면 텍스트를 볼 수 있습니다.

헤더에 작동중인 배경 이미지가있는 것으로 의심되는 경우 투명하지 않은 텍스트가 차단됩니다. 배경색을 추가하면 그 효과를 얻을 수 있습니다.