Изображение над iframe в html

Мне нужно создать небольшой html-код, который я буду использовать в sharepoint в редакторе скриптов. Идея заключается в том, что у меня есть отчет от Microsoft BI в iframe (изменился адрес в коде ниже), и он отлично работает. Но я хочу осветить «общие кнопки» в правом нижнем углу сайта, поэтому его нельзя использовать. Iframe должен заполнить весь WebPart в sharepoint, поэтому я попытался присвоить изображение просто в нижнем правом углу, но он, похоже, не работает. Есть идеи?Изображение над iframe в html

<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

Атрибут align <img> не поддерживается в 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

Изображение над iframe в html

ответ

Смежные вопросы