zEUS.’Blog|網生@誌

之前一直在用 gif 图片或者用和背景色相同的 jpg 图片回避 IE6 不支持 PNG 图片背景色透明的 BUG，不过在做大菠萝3（Diablo III）主题时不愿放弃自己一个比较酷的 Idea，所以我还是决定要解决这个 BUG。
网上关于解决 IE6 这个 BUG 的方法很多，有用 JS 的，也有用 IE6 的 CSS 滤镜的。稍微看了一下，JS 的方法仅用于单个图片的效果，但若拿图片作背景则不行。CSS 滤镜的写法则简单很多，也能用作背景，但还是存在一个问题，图片的地址只能使用“绝对地址”，而我们在模板的 CSS 样式表里使用的大多是相对地址，虽然也可以使用绝对地址，但是不同的用户使用该模板的话就必须修改其绝对地址，对于不懂 CSS/HTML 的人来说，无疑这是一道“坎”。不过后来猫猫的一句话让我如梦初醒——可以把这段 CSS 写在 head 里，这样就可以用 Wordpress 自己的 PHP 语句来调用绝对地址了！

之前使用 CSS 制作过悬浮菜单，但它只能显示在 Firefox 和 Safari 上，而不能显示在不完全支持 CSS2.0 的 IE6 上，为此我花了很长时间搜寻解决之道，期间被那该死的 IE 折磨得我抓狂无数次，可仍然无果… 最后我不得不放弃使用 CSS 而转投 JavaScript…
这里我将介绍的是使用 DreamWeaver 直接进行可视化操作来创建一个悬浮菜单，整个主线过程无须操作代码，实现起来非常简单，当然，最重要的是它适用于所有主流的浏览器！
具体效果可以参见本站日志栏下的“文章分类”和“日志归档”这2个栏目。

本站所使用的 Wordpress 主题 i3Theme 1.2 (Right Edition) 并没有 blockquote 属性，之后是在 Yorick 的帮助下才加上去的。
何为 blockquote 属性呢——其实就是用于修饰文章内引用文字的效果，如下就是：
这是一个在 CSS 里设置的 blockquote 属性，以显示左侧边框
下面就是加入到 CSS 文件里的代码：
/*  增加blockquote属性以显示左侧边框 */blockquote {    border-left: thick solid #808080;    padding-left: 10px;}

不知道有没有人发现我换掉了 Feed 的统计图标，而使用了一个 RSS 的图片来链接到 本站 Feed 地址，然后我给这个图片做了一个 CSS 特效，你可以试着把鼠标移上去（位于“协议&订阅”模块的下方）… 是不是很棒？！
这个特效具体被称作什么，我也不太清楚，用我自己的描述就是：一个链接图案，鼠标滑上去后它就会切换成另一个图案。
之前我一直以为 CSS 通过 hover 这个动作来切换2张不同的图片，可试了半天没成功，最后 Jason 告诉我这并不是切换2张图片，而是给一张具有2种不图案的图片进行不同定位以取得不同的效果。怎么这句话这么难让人理解… 还是我表达有问题？
接下来简单介绍这个特效的实现方法：