Internet Explorer でバグが発生しています。iframe のサイズが正しくなく、ページの中央ではなく左上に表示されます。
Firefox と Chrome では、すべてが完全に機能しています。
いろいろ試してみましたが、解決策が見つかりませんでした:(
私を助けてください。
ここで IE8 のバグを確認できます: http://www.ni-dieu-ni-maitre.com/v2/index_v2.php 左上の「iframe」というリンクをクリックします。
これがどのように見えるかのスクリーンショットです:
これが私のコードです:
<head>
<script type=\"text/javascript\" src=\"http://www.$domain/scripts/jquery-1.8.2.min.js\"></script>
<script type=\"text/javascript\" src=\"http://www.$domain/scripts/jquery.fancybox.js?v=2.1.1\"></script>
<link rel=\"stylesheet\" type=\"text/css\" href=\"http://www.$domain/scripts/jquery.fancybox.css?v=2.1.1\" media=\"screen\" />
<script type=\"text/javascript\">
$(document).ready(function() {
$('.fancybox').fancybox();
$('.fancybox').click(function() {
$.fancybox.open({
href : 'iframe.html',
type : 'iframe',
padding : 5,
autoScale : false
});
});
$(\".contactbox\").fancybox({
openEffect : 'elastic',
openSpeed : 150,
closeEffect : 'elastic',
closeSpeed : 150,
closeClick : true,
'overlayShow' : false,
href : 'contact.php',
type : 'iframe',
padding : 5,
autoScale : true,
scrolling : 'no'
frameWidth : 430,
frameHeight : 380
});
});
</script>
</head>
<body background=\"$background\" id=\"top\">
<a class=\"contactbox\" href=\"http://$domain/contact.php\">Iframe</a>