随笔分类 -  CSS

摘要：这是apple.com的很漂亮的导航栏：如果用Firebug仔细研究一下，就会发现这个导航栏的实现用了4张图片。如下图：现在随着css3的脚步越来越近，我在想用光用css3能不能实现上面的效果呢？下面就是我用纯css3实现的导航，一点都没有用到图片。当然肯定跟原版的有些差距，我很难把握原来的渐变颜色，但是基本的风格还是一直的。实现过程首先，html代码：[代码]就是利用这样一段简单的代码，加上神奇... 阅读全文

摘要：要用css实现透明是一件很简单的事，只需用到css3里的一个opacity声明。opacity声明用来设置一个元素的透明度：层、文字、图片等…opacity的值为1的元素是完全不透明的，反之，值为0是完全透明。当然，因为有ie的存在，事情变得有点不太简单了。我们先来看看css3这条语句的浏览器支持情况吧：看来还得解决ie的问题。我们都知道css里有个alpha滤镜,可以用这个解决ie的... 阅读全文

摘要：用css到做出的类似于幻灯片的图片展示的东西，先看看是什么样子吧！当鼠标悬停在‘图片集1’上时是下面这个样子当鼠标悬停在'图片集2'上时是下面这个样子就是一种图片集之间切换的效果。当点击某张图片时图片就会放大。当要在自己网页上放置多张图片时，这倒是个不错的选择。下面就讲讲用css是怎么做出来的。其实要做出这么个东西，只需要理解两个css里的概念就ok了。第一个就是绝对定位的... 阅读全文