CSS | 等待-放飞梦想

但有时候有很多图片的时候,像我的Maxthon主题,就用了很多的背景图和图标.这时候如果还这样做的话就会带来一个问题,图片在加载中会有个过程.虽然很快.但有的图片在一开始并没有加载进来,而是在响应鼠标事件时才开始加载.像我的导航栏。默认是一个背景，鼠标放上去是一个背景，当前页又是另一个背景。
(更多…)

前端交互 |

IE6因为编码问题无法正确解析CSS文件

2008/11/02 9:38 星期日

浏览次数：×1,422

评论：×1

CSS 注释编码

我不知道大家有没有遇到这个问题,但我在发布Maxthon 1.0时遇到了这个问题,当时自己没发现,是有人用了后通知我时,才知道.后来花了很多时间去找问题,都没结果,后来实在没办法,就把CSS文件的注释全部删了,问题解决.
于是想到是不是因为编码的问题.现在看来却实是编码问题.
网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI 编码，并没有保存为 UTF-8 格式。
(更多…)

前端交互 |

CSS处理斜角导航条的一个例子

2008/10/16 2:17 星期四

浏览次数：×2,118

评论：×2

CSS 斜角

斜角处理比较麻烦，主要有两个地方。

1、图片处理。
2、负数的理解。

这两个地方一般新手比较不好理解。

以下是所有的CSS 。主要看.tab 部分。
(更多…)

前端交互 |

一些三角形的CSS写法

2008/10/08 1:01 星期三

浏览次数：×1,614

评论：×1

CSS 三角形

多的就不说了,很简单的写法,大家直接运行看效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>www.leotheme.cn</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> /*leotheme.cn*/ body{ margin:0 auto; text-align: center; padding:0; font-size:12px; font-family:Verdana, "宋体", Arial; line-height:1.8; } ul{list-style:none;} h1 {font-size: 18px;} #info,#nav{width: 500px; margin:50px; text-align: left; border:1px dashed #FF3300; background:#FFFFCC; padding:10px;} #info div{background:#FF0000; width:0px; height:0px; overflow:hidden; margin-bottom:10px;} #nav{ margin:50px; border:1px dashed #FF3300; background:#FFFFCC; } a:link,a:visited{color:#FF6600;text-decoration: none;} a:hover,a:active{ color:#FF0000;} #nav a span{overflow:hidden; border-top:6px solid #FFFFCC;border-left:6px solid #FFFFCC;border-bottom:6px solid #FFFFCC; height:0px; width:0px; margin:2px 2px 0 -10px; position:absolute} #nav a:hover span{background:#CC3300;border-top:6px solid #FFFFCC;border-left:6px solid #FF3300;border-bottom:6px solid #FFFFCC;overflow:hidden; float:left;} /*一些三角的写法*/ #info_a{ border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;border-bottom:10px solid #FFFFCC;} #info_b{ border-top:10px solid #FFFFCC;border-right:10px solid #FF3300;border-bottom:10px solid #FFFFCC;} #info_c{ border-top:10px solid #FFFFCC;border-right:10px solid #FF3300;border-bottom:10px solid #FFFFCC;border-left:10px solid #FF3300;} #info_d{ border-top:10px solid #FF3300;border-right:10px solid #FFFFCC;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;} #info_e{ border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;} #info_f{ border-top:10px solid #FF3300;border-right:10px solid #FFFFCC;border-left:10px solid #FFFFCC;} #info_g{ border-right:10px solid #FFFFCC;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;} #info_h{ border-top:10px solid #FF3300;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;} #info_i{ border-top:10px solid #FF3300;border-right:10px solid #FF3300;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;} </style> </head> <body> <div id="info"> <h1>一些三角形的写法</h1> <div id="info_a"></div> <div id="info_b"></div> <div id="info_f"></div> <div id="info_g"></div> <div id="info_c"></div> <div id="info_d"></div> <div id="info_e"></div> <div id="info_h"></div> <div id="info_i"></div> </div> <div id="nav"> <h1>应用的一个实例</h1> <ul> <li><a href="http://www.leotheme.cn" target="_blank"><span></span>首页</a></li> <li><a href="http://www.leotheme.cn/about" target="_blank"><span></span>关于我</a></li> <li><a href="http://www.leotheme.cn/guestbook" target="_blank"><span></span>给我留言</a></li> <li><a href="http://www.leotheme.cn/photo" target="_blank"><span></span>我的相册</a></li> <li><a href="http://www.leotheme.cn/themes" target="_blank"><span></span>我的主题</a></li> </ul> </div> </body> </html>

提示：你可以先修改部分代码再运行。

前端交互 |

IE下中英文字体不能对齐原因及解决

2008/09/09 8:47 星期二

浏览次数：×1,321

评论：×0

CSS font 对齐

如果不是因为总监审查严格，一定要求这个细节解决掉，也许我也不会去深究根源性的解决办法，再此感谢MTIME负责而严格的同事。

首先描述一下问题：

如果所示，在IE下当一行文字同时有英文跟中文的时候，链接下划线就会发生折行，也就表示这个时候中英文是没有对齐的！（FIREFOX不受此问题影响）
(更多…)

前端交互 |

为什么尽量不要使用CSS Expression

2008/09/09 8:36 星期二

浏览次数：×1,077

评论：×0

CSS expression

CSS Expression也称为CSS表达式，它是动态设置CSS属性的强大方法，但也存在着一定的危险性。

在CSS Expression中使用JavaScript表达式。CSS属性根据JavaScript表达式的计算结果来设置。

CSS Expression在其它浏览器中不起作用，因此在跨浏览器的编码中单独针对IE设置时会比较有用。
(更多…)

按比例缩小图片方法总结

CSS中关于背景图的应用技巧

IE6因为编码问题无法正确解析CSS文件

CSS处理斜角导航条的一个例子

一些三角形的CSS写法

IE下中英文字体不能对齐原因及解决

为什么尽量不要使用CSS Expression

分类

赞助商链接

随机文章

最新评论

一些朋友

链接