在IE8中将div定位在表上

时间:2013-12-02 16:12:22

标签: javascript css internet-explorer-8 position css-position

我有以下代码:

<html>
<head>
    <script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('.wrapper').append('<div class="floater" />');
            var floater = $('.floater')
            floater.css('top', 100);
            floater.css('left', 200);
        });
    </script>
    <style type="text/css">
        .wrapper
        {
            width: 300px;
            height: 300px;
            border: 1px solid #000;
            position: relative;
        }

        .floater
        {
            width: 10px;
            height: 10px;
            background-color: blue;
            position: absolute;
            display: block;
        }
    </style>
</head>
<body>
    <table class="wrapper">
        <tr>
            <td>Cell content</td>
        </tr>
    </table>
</body>
</html>

这里的Jsfiddle(在IE8上不起作用):http://jsfiddle.net/W5ceN/3/

我们的想法是让一个div位于表格上方并使用javascript重新定位。它在Firefox和Chrome上运行良好,但在IE8中看不到浮动div。可能是一些CSS问题,但我不知道在哪里看。任何帮助将不胜感激。

0 个答案:

没有答案