1
다른 웹 사이트의 콘텐츠를 보여주는 iframe이 포함 된 Facebook 탭에서 작업하고 있습니다. 나는 iframe을 웹 사이트의 일부만 보여주고 스크롤을 사용하지 않도록 제한했습니다. 그 외에도 iframe 내용의 링크를 비활성화하고 싶습니다. iframe을 포함하는 div에 투명한 .png 배경 이미지를 추가하고 iframe의 z- 인덱스를 다음과 같이 설정하여 가능해야한다고 읽었습니다. -1, iframe은 여전히 이미지 앞에 있습니다.Z- 색인을 사용하여 iframe의 링크를 비활성화하는 방법은 무엇입니까?
지금까지 내 CSS는 다음과 같습니다 :이 같은
<style type="text/css">
iframe
{
z-index:-1;
}
.bgimg {
background-image: url('transparent.png');
}
</style>
내 HTML :
<div class="bgimg" style="overflow:hidden; width: 700px; height: 100%;margin:auto;">
<iframe src="http://www.url.com/site.html" width="1100" height="700" seamless="seamless" frameborder="0" scrolling="no" style="margin-top:-230px;"></iframe>
</div>
내 아마추어 축구 팀의 리그 테이블에 직접 링크를 제공하려면이 옵션을 사용하고 있습니다를, 매주 탭을 모든 새로운 정보로 업데이트해야하는 대신 수동으로 팀 정보 (각 리그 테이블)를 클릭하는 것은 불가능합니다.
가능해야하지만 작동 코드를 찾을 수없는 몇 곳을 읽었습니다. 불가능하다고 말하는 곳을 몇 군데 읽었지만 jQuery를 사용해서 만 수행 할 수 있다고 말하는 다른 사람들도 있습니다. (나는 그것에 대해 아무것도 모르고있다).
누구나 내가 지금하고있는 일에 대한 대안을 가지고 있다면 알려 주시기 바랍니다.
유지 'z-index'는 위치 요소에 대해서만 작동합니다 (상대적인 경우도 있습니다). – CBroe
고맙습니다! 나는 지난 2 시간 동안 이것에 대해 맹목적으로 시선을 돌렸다. 그리고이 간단한 설명이 그 일을했다. 나는 CSS를 처음 접했지만 거의 너무 간단했다. 고맙습니다 :) – rpbtz