투명한 WebView 배경으로 겹치는 콘텐츠

링크를 누를 때 페이지의 섹션을 표시하거나 숨기려면 JavaScript 기능을 포함하여 WebView을 사용하여 HTML 콘텐츠를 표시하고 있습니다. 기본적으로 모든 섹션이 숨겨져 있습니다. WebView의 배경을 투명하게 설정하여 정적 이미지가 뒤에 표시되도록 설정할 때까지 모든 것이 올바르게 작동합니다.투명한 WebView 배경으로 겹치는 콘텐츠

HTML 섹션 :

이

<a class="togglelink-show" onclick="toggle('zone1');">Test</a> 
<div id="zone1" style="display:none"> 
    <p>Some random text that's normally hidden</p> 
</div>

자바 스크립트 : 나는 웹보기를 설정할 때까지

function toggle(id) { 
    ele = document.getElementById(id); 

    if(ele.style.display == "block") { 
     ele.style.display = "none"; 
    } else { 
     ele.style.display = "block"; 
    } 
}

내가 쓴 것처럼, 두 잘 작동, 가지고 여기

는 관련 코드 조각입니다 webView.setBackgroundColor(0);을 사용하는 투명한 배경 이후, 섹션을 열려고 할 때 WebView가 제대로 레이아웃을 다시 구성하지 않고 내용이 아래 섹션과 겹칩니다.

페이지를 새로 고치거나 webView.clearView()을 사용하면 페이지가 닫힌 상태로 새로 고쳐지기 때문에 작동하지 않습니다. 어떤 제안?

정적 이미지를 웹보기 뒤에 표시하는 방법이 있다면 화면 크기에 맞게 크기가 조정되어 작동 할 수도 있습니다. (저는 HTML로 녹슬고 약간의 배경 이미지를 타일링하는 방법을 기억할 수 있습니다. 이것은 내가 원하는 것만은 아닙니다.)

출처

2012-03-05 Steve Haley

저는 이것을 매우 임의적으로 풀었습니다. 나는 마술 트릭 된 요소를 알고,하지만 내가 함께 결국 한 것은이 같은 것입니다하지 않습니다

추가 된 주요 내용 창 위의 빈 DIV 및 스타일 편집 :

<div id="fixedBackground"><img src="" width="0%" height="0%"/></div> 
//From the stylesheet: 
#fixedBackground { position:fixed; top:0; left:0; width:100%; height:100%;} 
.content {position:relative; z-index:1;}

을

그러면 WebView의 배경이 보이게되고 섹션을 열거 나 닫은 후에 모든 것이 올바르게 재 위치합니다.

출처

2012-03-06 11:34:52

나는 이것도 만났다. 내 솔루션은 "webView.setBackgroundColor (0x01010101);"이라고합니다. 나는 투명하다고 생각한다.

출처

2012-03-29 07:39:33

감사합니다. "setBackgroundColor (0x01000000);"를 사용하고 있습니다. – ajh158

투명한 WebView 배경으로 겹치는 콘텐츠

답변

관련 문제