Silentash-默尘

置换元素在 IE 浏览器中有不少问题，比方说置换元素的行高就是其中难题之一，当然还有 form 元素 textarea 的边距继承 bug，OK，今天再介绍几个，凑满一箩筐

Map标签在IE浏览器下无法通过设置样式更改鼠标样式，比如
想要恢复热点的鼠标状态为手型：

map{cursor:pointer}


&

<area style="cursor: pointer;" shape="rect" coords="118,212,294,263" href="#" target="_blank">


以上设置在IE下都是无效的

解决方案是把样式加在图片上

img{cursor:auto}


搞定!

前端开发经常会从视觉设计师那里拿到比较 BT 的按钮设计效果，比较极端的就如渐变圆角自适应按钮！拿到手之后你可能会恨啊，狠归恨，工作还是得做，也许你会采用 A 标签嵌套 SPAN 标签的方法模拟一个按钮，但更极端的情况下，比如 FORM 中的按钮，不管从使用及语义讲，用非按钮标签实现都不是很妥当的。

下面就介绍一个比较实用的按钮结构的写法，是从白社会那里 KIA 来到哦，我个人觉得做的很 NICE ，SO!好东西就拿出来和大家分享：

 <span class="btn"><span><button type="submit">确定</button></span></span>


很简单的代码吧^_^!

我们经常会为了达到某一共有的表现，定义一个通用的样式，比如<例1>
例1：
假设我们规定了用红色代表警告，于是定义

.red{color:#f00;}

表示红色前景色，在需要用到这个表现的时候我们就可以给相应元素添加这个 class.

<div class="red">红色字体</div>

这样做的好处是灵活、通用、而且省了很多麻烦。不过我们是否能够想到它的坏处是什么呢，想想 W3C 为什么不建议使用 <font>、<i>和 <b&gt标签吧;因为他们是纯表现的标签，没有任何语义。在看这个加上.red的 div，是否觉得它没有任何语义呢（除了知道这个 DIV 的前景色是红色，其他我们一无所知）！这么做其实等于我们自己创造了一个毫无语义的 <c> 或 <d> 标签。

最近冷的人的思维也跟着迟钝了，下班回家只想早早地钻进被窝，即使想写点什么也懒得动手，我的 BLOG 就这样冷清了=.=!
不过，我发现利用上班时间写博是个好主意，哇哈哈~~~
前两天和朋友们一起讨论 CSS Zen Garden ，嗯，说真的， Zen Garden 给我的印象很淡，还记得刚接触 Zen Garden 的时候，已经有人把她夸的天花乱坠，这其中当然是新手居多，同为新手的我貌似还看不出什么门道，除了敬仰就是漠然，于是后面就再也没有看过。现在回想起来只觉得 Zen Garden 内作品甚多，千姿百态！设计师的功力和 CSS 的强大可见一斑。

如果IE6浏览器是一个活生生的人，我真的很想把他拖出去海扁一顿，直到他体无完肤、摇摇欲坠，我还想耍一通“还我漂漂拳~~~”扫除IE6满身的BUG，至少把他打成IE7的人模人样，也算造福了全人类~~~~

一般情况下CSS优先级遵循以下规则：

[1位重要标志位] > [4位特殊性标志] > 声明先后顺序

说明：css2用3位特殊性标志，css2.1以后用4位。

1位重要标志位指的是!important声明，使用!important可以改变优先级别为最高，其次是style对象，然后是id > class >tag ，另外在同级样式按照申明的顺序后出现的样式具有高优先级。

之前谈到过网站背景图合并及定位技巧，也写过这方面的文章http://www.silentash.com/blog/2008/94.html，对于流量比较大的网站来说，减少HTTP请求数是必做的优化之一。而背景图的整合恰恰是减少请求数的关键。这几天忙着进行365网上商城首页改版，改版的目的一是为了提升购物气氛，二是减少HTTP请求数，三是减少页面容量。总的来说都是为了让用户能够更方便更快捷的打开网页浏览商品。目前已经新页面已经上线，地址：www.365.com

相对上一版本，本次的重构设计称的上是更不错的实例，值得与大家分享……

 In IE6 or IE7, when an absolutely positioned div locates beside a float div, it maybe disappeared.

在IE6或IE7，当一个绝对定位元素与浮动元素相邻时，绝对定位元素有可能消失。

说有可能，是因为IE6和IE7的消失情况不太一样！

文中列举了不同情况下的DEMO，请用IE6，IE7，FF做对比浏览……

之前用Clip属性实现了文字上下两半不同色彩的拼接。
回顾篇（Clip奇思妙想之一）：http://www.silentash.com/blog/2008/104.html
本篇我们用同样的原理，把文字用CLIP属性分的更细，分别着色，然后组合到一起，实现自左到右更精确的色彩渐变。问题是文字细化分割需要用到很多很多个元素，所以这里我们要用程序来控制，自动生成这些元素。