用div模拟类似excel单元格选中的效果

0 0

用div模拟类似excel单元格选中的效果5

附件中是对应的html文件，请大侠们帮忙看看啊，找了n多资料，实在解决不了了。在firefox，ie8下展现正常，ie6下不行。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Insert title here</title>
        <style>
            div#selected {
                position: absolute;
                border: 2px solid black;
                display: block;
                margin: 0px;
                padding: 0px;
                display: block;
                top: -100000px;
            }
            
            div#selected .innerContainer {
                position: relative;
                width: 100%;
                height: 100%;
                overflow: hidden;
            }
            
            div#image {
                border: 1px solid white;
                position: absolute;
                bottom: -3px;
                right: -3px;
                color: black;
                width: 2px;
                height: 2px;
                background-color: black;
                margin: 0px;
                padding: 0px;
				font-size:1px;
            }
            
            
        </style>
    </head>
    <body>
        <div id="selected" class="selected" style="left: 106px; top: 58px; width: 79px; height: 18px; display: block;">

        <div class="innerContainer" style="height: 18px;"></div>
		<div id="image" class="image"></div>
        </div>
    </body>
</html>

CSS

2009年5月31日 15:36

zhang_yingjie
0
0 0 0

selector.zip (655 Bytes)
下载次数: 30

3个答案按时间排序按投票排序

0 0

ie6去死

2009年6月15日 09:35

ywbanm
770
0 0 0

添加评论

0 0

做前端设计
1.首先要明白，浏览器的实现是有很大差异的，而最最重要的是，ie6基本上是要被淘汰的废品。
2.自己写这些封装肯定会有浏览器的差异，跑不了的，所以建议使用一些js框架，比如jQuery,EXT-JS等，这些框架底层对浏览器的兼容性都有很好的考虑，而且都是通过测试的。
3.装一下ie6下的debug工具，跟踪一下，应该就可以找到问题了(ff,ie8都有自带的debug工具)。

2009年6月13日 09:51