文章标签 ‘hack’

1 条评论offsetLeft and offsetTop gives wrong coords in IE

2009年11月22日

今天遇到的问题:IE6/7返回offsetTop没有计算body的margin

function GetRealOffset(o)
{

        var elem = o;
        var leftOffset = elem.offsetLeft;
        var topOffset = elem.offsetTop;
        var parent = elem.offsetParent;

        while(parent)
        {
             leftOffset += parent.offsetLeft;
             topOffset += parent.offsetTop;
            parent = parent.offsetParent;
        }
        var Offsets = new Object();
        Offsets.top = topOffset;
        Offsets.left = leftOffset;

        return Offsets;
}

转自:http://codingforums.com/showthread.php?t=119794

没有评论IE bug:1像素的dotted/dashed边框

2009年11月8日

最近的一个页面中碰到的,本来想用 border 来模拟设计图的虚线效果,但是很明显 border 效果不如设计图来的好看。顺便研究了下 dashed 和 dotted 的区别。

首先,从字面上来理解,dasheddotted 都是指“虚线”,他们的不同在于:

dashed:来自 dash(破折号),由 dash 组成的虚线
dotted:来自 dot (点),由 dot 组成的虚线,也称点线

这里多说几句废话,其实参看下 demo,就能从视觉上获得更直观的感受了。
下面再说说相关的 bug 吧,当然了,这些 bug 再一次只是光荣地出现在了 IE 下,此处涉及到 IE6 和 IE7。 阅读全文…