z-index iframe InternetExplorer против Chrome, Fox, - PullRequest
Новая
       31

z-index iframe InternetExplorer против Chrome, Fox,

1 голос
/ 17 февраля 2011

img {z-index: 1;} iframe {z-index: 99;} 

<iframe name="frameid" scrolling="no" frameborder="0" height="100" width="100" marginheight="0")></iframe><img src="img.jpg" width="100" height="100" />

Chrome, Fox, Safari показали бы img.jpg просто отлично (iframe в z-index99 пуст, поэтому давайте покажем изображение ниже)

IE 7 вообще ничего не показывает (iframe пуст, поэтому давайте покрасим его в белый или что-то еще) Есть ли способ научить IE 7, * вообще ничего не отображать, если ничего в iframe Я посмотрел на Использование элементов IFRAME на MSDN, но ... Спасибо

1 Ответ

1 голос
/ 18 февраля 2011

Кажется, что проблема связана с Z-индексом, когда я его удаляю и добавляю "allowtransparency =" true "" в iframe, он работает как задумано, посмотрите этот фрагмент:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>simple document</title> <style> img { background:red; display:block; position:absolute; top:2px; left:2px; } iframe { border:2px solid blue; position:absolute; top:0; left:0; background:transparent; display:block; zoom:1} body{background:pink} div {position:relative;} </style> </head> <body> <div> <iframe name="frameid" scrolling="no" frameborder="0" height="100" width="100" allowtransparency="true"></iframe> <img src="img.jpg" width="100" height="100" /> </div> </body> </html>

Странно, кажется, что ТАК это нарушает компоновку кода, но скопируйте и вставьте это в файл .html, и вы увидите, что изображение показывается как ниже iframe, другой вариант будетустановить изображение в качестве фона для

Удачи!

...