IE下总有小鬼作祟

作者:乔夫  分类: 网事悠游  日期:2008-11-3  6 条评论  

博客又准备改版中,突然遇到一个怪诞的问题,百思不得其解。应该算是Bug吧?就像IE下有时注释语句会和样式产生冲突,从而“多出一只猪”。我想这里大抵也是如此。具体现象是:新版中的Blogroll这一栏里,我的另一博客“上邪·莫邪”这个链接造成列表内容错位,当然这是在IE下,在FF下其实是正常的。

blogroll

如图所示,在IE下,“黔首报”自动向后飘移了。乖乖,毛豆也太谦虚了嘛,我又没和他过不去,躲我干嘛呢?仔细查看CSS代码,又一块块的排除其它内容,问题依旧,有点儿茫然不知所措了。问题到底出在哪儿呢?后来,找到原因了。就是我自己的那个“上邪·莫邪”在装怪,确切来说应该是中间那个“·”在作祟,去掉这个链接或去掉那个点号就OK。实在是郁闷得紧,之前哦不,是现在的这个版式并没有这个问题嘛。到底是什么原因造成的呢?不知道有没有人遇到过类似的问题?反正我是怎么也想不通……

有兴趣的朋友可以等我新版上线后一起来帮我分析分析,呵呵!

CSS的属性选择符

作者:乔夫  分类: 网事悠游  日期:2008-1-28  暂无评论,你来说两句呗?  

今天又学到一招。通常都知道CSS有三类选择符:*; ID; Class,今天才知道在CSS属性里也还有选择符,同样可以定义样式。

原文:Better Email Links: Featuring CSS Attribute Selectors – CSS-Tricks
译文:用CSS属性选择符定义邮箱链接更好

原文说的定义邮箱链接没多大兴趣,不过记住了属性选择符。其妙处就等于是在 CSS 里加了个 IF 判断语句如:

1. a[target="_blank"] { color: #f00 } /*定义所有打开新窗口的链接*/
2. a[href="http://goupwing.com"]:hover { color: #fc0; } /*定义网址为 http://goupwing.com 的链接*/

不用 ID,也不用 Class,也可以分门别类的定义样式,IE 和 FF 又都支持,暴爽!!!

关于iframe的透明背景

作者:乔夫  分类: 网事悠游  日期:2005-3-17  暂无评论,你来说两句呗?  

注意:以下效果必需 IE5.5 以上版本才支持

在transparentBody.htm网页标签中,加入了style=”background-color=transparent” 通过以下四种IFRAME的写法可以使 iframe 背景透明:

&lt;iframe ID=&quot;Frame1&quot; SRC=&quot;transparentBody.htm&quot; allowTransparency=&quot;true&quot;&gt;&lt;/iframe&gt;<br />
&lt;iframe ID=&quot;Frame2&quot; SRC=&quot;transparentBody.htm&quot; allowTransparency=&quot;true&quot; STYLE=&quot;background-color: green&quot;&gt; &lt;/iframe&gt;<br />
&lt;iframe ID=&quot;Frame3&quot; SRC=&quot;transparentBody.htm&quot;&gt;&lt;/iframe&gt;<br />
&lt;iframe ID=&quot;Frame4&quot; SRC=&quot;transparentBody.htm&quot; STYLE=&quot;background-color: green&quot;&gt; &lt;/iframe&gt;
Page 2 of 212