html로 된 iframe의 이미지

스크립트 편집기에서 sharepoint에 사용할 약간의 html 코드를 만들어야합니다. 아이디어는 iframe에서 Microsoft BI의 일부 보고서 (아래 코드에서 주소가 변경됨)가 제대로 작동한다는 것입니다. 하지만 사이트의 오른쪽 하단에있는 "공유 버튼"을 덮어서 공유 할 수 없습니다. iframe은 셰어 포인트에서 전체 WebPart를 채워야하므로 이미지를 오른쪽 하단으로 정렬하려고했지만 작동하지 않습니다. 어떤 아이디어?html로 된 iframe의 이미지

<html> 
    <head> 
    </head> 
    <body> 


     <iframe src="https://www.google.pl/?gfe_rd=cr&ei=x5UEWO-yGaOh8welvY2IAQ" width="100%" height="700"> 
     </iframe> 
     <img src="logo.jpg" align="bottom" align="right"> 

    </body> 
</html>

출처

2016-10-17 kjubus

<img>의 align 속성은 HTML5에서 지원되지 않습니다. 대신 CSS를 사용하십시오.

img { 
float: right; 
}

출처

2016-10-17 09:25:07 Julsy

이제 알맞게 조정됩니다. 하지만 다음과 같이 iframe을 덮지는 않습니다. http://imageshack.com/a/img923/5522/Lri6qO.png – kjubus

이중 게시를 위해 죄송합니다. 하단 회색 선이 위에있는 버튼 위에 겹쳐 져야합니다. 지금 바로 다음 줄에 그려집니다. – kjubus

공유 버튼을 숨기고 싶다면, 클래스별로 선택하지 않는 이유는 무엇입니까?'.shared-buttons {display : none}'? – Julsy

그래, 마침내 제대로 작동합니다. "TOP"변수는 정적입니다. 표시된 웹 사이트의 높이에서 이미지 자체의 높이를 뺀 값입니다. 코드는 다음과 같습니다.

<html> 
<head> 
</head> 
<body> 


<div style="height:750px; position:relative"> 
<iframe style="border:none; width:100%; height:700px; z-index:1" src="website.com"></iframe> 
<img style="top:663px; right:0px; position:absolute; z-index:9" src="testbar2.jpg"> 
</div> 
</body> 
</html>

출처

2016-10-17 12:56:00 kjubus

답변

관련 문제