一起CSS

搜索

当前位置：一起CSS > CSS

CSS图像替换技术之Rundle的方案

日期：2008-09-6 分类：CSS

以下内容摘自《CSS禅意花园》一书，略有删减。 设计师Mike Rundle提出了一中使用负text-indent属性值的方法，将文本推到屏幕的左边缘之外，代码简洁优雅。 HTML代码： <h3 id="header">Apple pie w...

查看：1,874 评论：2 标签：

CSS图像替换技术之Leahy和Langridge的方案

日期：2008-09-6 分类：CSS

以下内容摘自《CSS禅意花园》一书，略有删减。 Seamus Leahy和Stuart Langridge均独立地发现了这种方法。该方法让我们不必再添加那些多余的<span>标签，且在保证屏幕阅读器可以正常阅读文本...

查看：1,113 评论：没有评论 标签：

CSS图像替换技术之Fahrner的方案

日期：2008-09-5 分类：CSS

以下内容摘自《CSS禅意花园》一书。 2003年3月，Douglas Bowman在他的网站Stopdesign上发布了一个技巧（www.stopdesign.com/articles/replace_text)，让设计师能够用一张背景图像替代某元素中的文字，以期显...

查看：1,361 评论：没有评论 标签：

CSS图像替换技术

日期：2008-09-5 分类：CSS

图像替换就是隐藏元素中的文本，用一副生动的图象替换。如果没有图像替换，那么网页就不可能这么美观、漂亮。《CSS禅意花园》中说： 图像替换技术非常强大且很快开始流行——若是没...

查看：1,216 评论：没有评论 标签：

CSS中英文双语导航菜单

日期：2008-09-2 分类：CSS

CSS中英文双语导航菜单已经不新鲜了，但下面这种方法我觉得比较有意思，思路比较特别，所以拿出来分享一下： 首先看具体代码： XHTML代码： <ul id="nav"> <li><a href="#">Home<span...

查看：2,180 评论：1 标签：

CSS Sprites

日期：2008-08-28 分类：CSS

上次写了《图片对网站速度的测试》，只知道这样对网站的性能有提高。今天才知道，原来它有一个名字叫CSS Sprites。 CSS Sprites是什么技术呢？就是把网页要用的很多小图片合并成一个图片，...

查看：1,274 评论：没有评论 标签：

CSS hack区分浏览器（IE6、IE7、FF）

日期：2008-08-27 分类：CSS

由于各个浏览器（这里仅指IE6、IE7、FF）对CSS的解释并非完全相同，导致所写代码网页在各个浏览器中的效果不一样。为了使网页在各个浏览器中显示同样的效果，就需要针对不同的浏览器写...

查看：1,739 评论：1 标签：

如何在IE6里定义高度小于18px的盒子

日期：2008-08-22 分类：CSS

你遇到过定义一个较小高度（比如height:5px）的盒子在IE6里却显示不止这个高度的情况吗？ 看下面的代码: HTML代码： <div id="box"> <div id="left"></div> <div id="right"></div> </div...

查看：1,670 评论：没有评论 标签：

让IE6也有最大高度max-height的效果

日期：2008-08-21 分类：CSS

上次写了《让IE6也有最小高度min-height的效果》，现在来写《让IE6也有最大高度man-height的效果》。 具体代码如下： height:auto !important; height:500px; max-height:500px; overflow:hidden; 解释： 1、IE6不识别m...

查看：5,013 评论：7 标签：,

页面 5/6123456