我有以下代码:
<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问题,但我不知道在哪里看。任何帮助将不胜感激。