修改本站position:absolute下的宽度BUG

在去年制作本站的主题时就考虑了页面加载的顺序,把本站的头部代码放在底部,让主内容放最上面。表面上当然为了搜索引擎,让它收录我的每一篇文章时的简介都是唯一的。这样,并可美名为用户体验的考虑,把最主要的内容最优先加载。 (阅读全文……)

2010-06-13 at 13:29 posted in:Labs Comments (4) 标签:, , , ,

不同浏览器对于colspan的BUG

今天在制作一个页面时,通过javascript显示隐藏table中的tr,发现在IE下一切正常。在firefox,google chrome,opera等浏览器下有BUG。暂时没有想到解决办法。 提交至经典论坛。感谢OLD9的帮忙解决(2009-04-27)。
(阅读全文……)

2009-04-24 at 12:30 posted in:Labs Comments (2) 标签:, ,

Discuz有趣的BUG(锁IP)

使用Discuz也有一段时间了,它的功能无可非议的强大实用。今天再次发现在登录时提示“累计过5次,15分钟后才能登录”之类的提示。想道:今天第一次登录,怎可能登录超过5次而密码不对呢?难道是有人穷举密码不成?
IP锁定,换个IP就行了,以是把ADSL重新下线再上线。搞定。
后来再想想,才发现原因:由于在公司有多位同事在上论坛,猜想其中一同事在登录时密码错误超过5次了,导致IP给论坛记录而被锁定,造成全公司不能登录(论坛是以IP来判断的)。----我想发生的原因就是这。

如果这个问题被恶意利用的话可就麻烦了。解决的方法我暂进也没有想到。除非去掉这个功能,但得不偿失。

2007-09-22 at 01:09 posted in:Work Comments (2) 标签:,

[转载]IE中伪类:hover的使用及BUG

转载自:http://www.blueidea.com/tech/web/2007/4504.asp

hover是我们在CSS设计中最常运用的伪类之一,许多绚丽效果的实现离不开伪类:hover,比如我们常见的纯CSS菜单、相册效果等等。

或许用了这么久的伪类:hover,还有部分朋友还不完全了解hover的规则:

引用:
在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。
在CSS2中此伪类可以应用于任何对象。

但目前IE5.5、IE6仅支持CSS1中的:hover,不过新出的IE7是支持CSS2中的:hover。

当我们用伪类:hover做某些特殊效果时,依据CSS2很好完成,但为了现在占据主流浏览器的IE6,我们又不得不做很多工作,比如给添加a元素等来模拟完成最终的效果。

或许这样讲太空洞,请看下面一个常见的触发显示的例子(仅选择IE6为例讲解)。

我们先用CSS2的写法来实现:

XHTML部分:


鼠标移过来触发我吧!哈哈,终于被你发现了!  

CSS部分:演示效果:
[html]

IE中伪类:hover的使用及BUG

* {margin:0; padding:0;}
ul {list-style:none;margin:100px;}
li {height:100px; width:100px; background:#000; font-size:12px; color:#fff; position:relative;}
li a {display:none;}
li:hover a{display:block; text-decoration:none;width:100px; height:100px; background:#c00; position:absolute; top:50px; left:50px; color:#fff;}

鼠标移过来触发我吧!哈哈,终于被你发现了!  

[/html]

大家可以测试发现在FF等对CSS2支持很好的浏览器中,可以显示我们所要达到的效果,但在IE6中却无法实现。

下面让我们换一种思维,所用CSS1的写法来看看,这个时候由于无法支持li元素:hover的使用,我们只好把所有文字包含到a中,对a使用:hover,并且将要显示隐藏的部分放到span元素中,首先我们对XHTML进行部分调整,调整如下:

XHTML部分:


鼠标移过来触发我吧!哈哈,终于被你发现  

CSS中我们将a的设置成块级元素,并使a的大小和宽度和li的相同,并设置a为相对位置,用a来模拟上例中的li;而用span来模拟上例中的a,设置span在默认情况下隐藏(display:none;),当a被触发时(:hover),则span显示(display:block;)

CSS部分:[/html]

IE中伪类:hover的使用及BUG

* {margin:0; padding:0;}
ul {list-style:none;margin:100px;}
li {height:100px; width:100px; background:#000; font-size:12px; }
li a {display:block; height:100px; width:100px; position:relative; color:#fff; text-decoration:none;}
li span {display:none; }
li a:hover span {display:block; width:100px; height:100px; background:#c00; position:absolute; top:50px; left:50px; color:#fff; }

鼠标移过来触发我吧!哈哈,终于被你发现  

[/html]

可我们发现上例中的效果,在IE6中依然无法显示,难道我们的代码写错了,可检查来检查去一点错误也没有(不信你找个高高手问问,他们依然会回答你,这代码完全正确),难道是标准中的说明是错的?还是IE6浏览器连CSS1也不支持?很多疑问从四面八方跑来了……

那到底是什么问题呢?

不是标准说明的错,也不是IE浏览器不支持CSS1,而是IE浏览器自身解析的问题,是IE5.5和IE6中伪类:hover的BUG。

那又该如何解决这个问题呢?

这个BUG可以通过在链接的属性中增加某些特殊的CSS属性声明来消除。

下面我们对上面的第二个例子进行实验,究竟哪些属性可以帮我们来消除这些BUG。

对CSS代码我们增加:
li a:hover {}

对其属性我们仅设定width:100px;发现在IE6中依旧没有变化,我们尝试着更改width的value,比如使其width:99px,奇怪的事情发生了,在IE6中,隐藏的部分在触发的时候显示出来了。我们再对li a:hover的属性仅设定color来测试(初始值为#fff),更改color值,发现在IE6下却也不能触发显示,奇怪,奇怪,真奇怪……是不是依旧是一头雾水……没关系,继续往下实验,或许归类了我们就能发现规律了!

我们再用其他属性进行设置:width,positon,background,text-decoration,font-size,font-weight,font-family,border,float,display,font-style,margin,padding,text-align,overflow,text-transform,text-indent,z-index,vertical-align。

我们发现除了text-decoration,color,z-index不能触发显示(对于不能触发显示的部分,可以还有某些遗漏的属性,欢迎朋友补充)外,其他属性均可以做为消除伪类:hover BUG的特定属性。

说明:

对于dispaly不可以用本例来测试,可另外写个更简单的例子(去除ul/li,a和span中的position)。在实际应用中怿飞不建议改变display值来做为特定属性消除此BUG,而且在某些例子中此属性不一定能消除BUG。

对于做为特定属性的border和background中的颜色我们还可用全写和简写来改变,如#fff和#ffffff在消除BUG中解析为2个不同的值。

 IE中伪类:hover的使用及BUG  
作者:blankzheng 时间: 2007-02-25 文档类型:原创 来自:蓝色理想
浏览统计 total:522 | year:522 | Quarter:522 | Month:522 | Week:522 | today:522

第 1 页 IE中伪类:hover的使用及BUG [1]
第 2 页 IE中伪类:hover的使用及BUG [2]

可我们发现上例中的效果,在IE6中依然无法显示,难道我们的代码写错了,可检查来检查去一点错误也没有(不信你找个高高手问问,他们依然会回答你,这代码完全正确),难道是标准中的说明是错的?还是IE6浏览器连CSS1也不支持?很多疑问从四面八方跑来了……

那到底是什么问题呢?

不是标准说明的错,也不是IE浏览器不支持CSS1,而是IE浏览器自身解析的问题,是IE5.5和IE6中伪类:hover的BUG。

那又该如何解决这个问题呢?

这个BUG可以通过在链接的属性中增加某些特殊的CSS属性声明来消除。

下面我们对上面的第二个例子进行实验,究竟哪些属性可以帮我们来消除这些BUG。

对CSS代码我们增加:

li a:hover {}

对其属性我们仅设定width:100px;发现在IE6中依旧没有变化,我们尝试着更改width的value,比如使其width:99px,奇怪的事情发生了,在IE6中,隐藏的部分在触发的时候显示出来了。我们再对li a:hover的属性仅设定color来测试(初始值为#fff),更改color值,发现在IE6下却也不能触发显示,奇怪,奇怪,真奇怪……是不是依旧是一头雾水……没关系,继续往下实验,或许归类了我们就能发现规律了!

我们再用其他属性进行设置:width,positon,background,text-decoration,font-size,font-weight,font-family,border,float,display,font-style,margin,padding,text-align,overflow,text-transform,text-indent,z-index,vertical-align。

我们发现除了text-decoration,color,z-index不能触发显示(对于不能触发显示的部分,可以还有某些遗漏的属性,欢迎朋友补充)外,其他属性均可以做为消除伪类:hover BUG的特定属性。

说明:

对于dispaly不可以用本例来测试,可另外写个更简单的例子(去除ul/li,a和span中的position)。在实际应用中怿飞不建议改变display值来做为特定属性消除此BUG,而且在某些例子中此属性不一定能消除BUG。
对于做为特定属性的border和background中的颜色我们还可用全写和简写来改变,如#fff和#ffffff在消除BUG中解析为2个不同的值。

最终效果:
[html]

IE中伪类:hover的使用及BUG

* {margin:0; padding:0;}
ul {list-style:none;margin:100px;}
li {height:100px; width:100px; background:#000; font-size:12px; }
li a {display:block; height:100px; width:100px; position:relative; color:#fff; text-decoration:none;}
li a:hover {background:#ccc;}
li span {display:none; }
li a:hover span {display:block; width:100px; height:100px; background:#c00; position:absolute; top:50px; left:50px; color:#fff; }

鼠标移过来触发我吧!哈哈,终于被你发现  

[/html]

2007-02-25 at 07:02 posted in:Work Comments (0) 标签:,

本BLOG修改的BUG记录

今天又发现了BLOG一个问题:

说明:大量修改方法来源于:http://nnickk.com/blog/default.asp?cateID=9

1.PJBlog-2.5-修正会员自己发表的文章,自己无法修改、删除.

解决方法:
修改blogedit.asp

找到
if stat_EditAll or (stat_Edit and lArticle.logAuthor = memName) Then%>

在这一行的上面增加这一行程序代码

lArticle.getLog(logid)

ok...现在会员发表的文章,
可以自己删除、修改了。

2.回复的留言内缩
找到guestbook.asp文件中的:改成:[code]
            
       0 and not replyMsg then %>
               
         

2006-04-09 at 04:04 posted in:Work Comments (0) 标签:,

本BLOG修正编辑区的BUG了

在查看INC/editform.asp文件时,发现有个标签HTML,在BLOG发表的编辑区中没有调用到,
所以自已在editform.asp中加上了一个代码:
[html]

  <a href="javascript:code()"><img src="images/ubbcode/bb_code.gif" border="0" alt="插入代码"></a>

  <a href="javascript:quote()"><img src="images/ubbcode/bb_quote.gif" border="0" alt="插入引用"></a>

  <a href="javascript:html()"><img src="images/ubbcode/bb_html.gif" alt="插入HTML代码" border="0"></a>

  <a href="javascript:list()"><img src="images/ubbcode/bb_list.gif" border="0" alt="插入列表"></a>
[/html]

效果为:

红色部分。

以后发表HTML代码时,就可以用HTML标签了,大家可以点击RUN CODE来运行.

2006-02-04 at 11:02 posted in:Work Comments (0) 标签:,
人物志 - 雨过天晴是我最想念你的时候,想你陪着我吹着风,看着海。