div中的主页,不与IE一起使用

时间:2013-02-11 12:49:02

标签: jquery css html5

H_i

我想在div标签中显示主页。这是一个小代码,适用于浏览器Firefox,Chrome,Opera,但在Internet Explorer中它不起作用。有人提示吗?

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="http://localhost/myproj/jquery-1.9.0.min.js"></script>
        <style>
            body {
                background-color: lightsalmon;
            }
            .inner_homepage_div {
                position: fixed;
                top : 100px;
                left : 0px;
                width: 100%;
                z-index:10;
            }
        </style>
        <title></title>
    </head>
    <body>
    <script type="text/javascript">
        (function($) {
            $(document).ready(function() {
                function fHeight() {
                    $('#inner_page').height($(window).height()-125);
                    $('#hpage').css({
                        'width': '100%',
                        'height': '100%'
                    });
                }
                $('#inner_page').html('<object id="hpage" data="http://www.ee" />');
                fHeight();
                fHeight();
                $(window).resize(fHeight);
            });//
        })(jQuery);
    </script>
    <div id="inner_page" class="inner_homepage_div"></div>
    </body>
</html>

谢谢

2 个答案:

答案 0 :(得分:0)

所以我们知道,http://www.ee是什么?它丢失..比特 你真的得到了什么吗?如果是这样的话? (会发表评论但是堆栈喜欢让你有50个代表)

答案 1 :(得分:0)

为了实现与IE的最佳兼容性,您可以使用http://modernizr.com/或/中的脚本和HTML5-trunk的HTML5元素:

<!--[if IE]>
     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

但是,如果我只是看到你的代码,问题可能是由于100%宽度和100%高度同时造成的,老年浏览器不支持这个。此外,为什么要像jQuery-Plugin一样插入jQuery片段?只需使用:

     $(function() {
        function fHeight() {
            $('#inner_page').height($(window).height()-125);
            $('#hpage').css({
                'width': '100%',
                'height': '100%'
            });
        }
        $('#inner_page').html('<object id="hpage" data="http://www.ee" />');
        fHeight();
        // fHeight(); -> why the second time???
        $(window).resize(fHeight);
    });