• IE6 position:fixed固定窗口

    IE6 position:fixed固定窗口

    Added on:04 21st,2011| 0 comments ,

    如何利用CSS使搜索条固定显示于窗口的某个位置。用JS有现成的方法，不过，这次要求的就是不用JS。 然后，开始写代码，测试，最终，IE6下依然有问题。position:fixed;没有正常显示。 可以用position:absolute;来解决IE6的问题，不过，添加position:absolute;之后，依然没有成功。当然，最终，还是用...

    Read more...

  • 让IE6 li支持背景hover效果

    让IE6 li支持背景hover效果

    Added on:04 20th,2011| 0 comments ,

    让IE6 li支持背景hover效果,在IE6中背景属性加 a 与 a:hover 两者的伪类结合是起不到任何效果的，这也是ie6一个很严重的bug,要实现IE6 li支持背景hover效果目前最好的办法只通同过JavaScript来实现了。 查看ie6 :hover 完美解决办法 实现过程记得加上IE条件语句，只在IE6下执行。 Html代码： ie6 ...

    Read more...

  • CSS实现预加载图片

    CSS实现预加载图片

    Added on:04 20th,2011| 1 comment

    为什么使用预载 你为什么会考虑使用预载呢?你是否曾有个网站，在那个网站你要滚动你的导航然后有个延迟直到图片被加载完……嘿嘿。预载将在这方面帮助你。它将在页面加载的时候加载那些图片并将其存储在浏览器的缓存里面。这样当用户滚动导航的时候，很漂亮而且流畅，没有延迟。 有很多种方法来实现图...

    Read more...

  • border:0与border:none的区别

    border:0与border:none的区别

    Added on:04 20th,2011| 1 comment ,

    这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，border:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。 性能差异 border:0; 把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-c...

    Read more...

  • CSS绝对定位水平居中

    CSS绝对定位水平居中

    Added on:04 09th,2011| 0 comments , , ,

    CSS绝对定位水平居中首先，把#main绝对定位并左偏移50%，这样，#main的左边界就是页面分辨率的一半。下一步，把#main的左边界设置为负值，值大小为#main宽度（width）的一半。 .Lx{width:200px;height:40px;left:50%;top:50%; margin-left:-100px;margin-top:-20px; background:red;position:abso...

    Read more...

  • 点击收缩左边栏，右边100%显示

    点击收缩左边栏，右边100%显示

    Added on:04 09th,2011| 2 comments ,

    点击收缩左边栏，右边100%显示(兼容ie6，ie8，firefox)，在设计论坛或开发软件时会涉及到收缩左边栏，使右边100%显示。 收缩左边栏 点击收缩左边栏，右边100%显示（兼容ie6+，firefox）主要代码如下： CSS代码： html,body {margin:0; padding:0;height:100%;width:100%;border:none; } .main {wid...

    Read more...

  • 纯CSS鼠标经过图片放大

    Added on:03 09th,2011| 2 comments ,

    纯CSS鼠标经过图片放大主要使用到CSS定位属性position:relative和position:absolute;先看看代码吧： 效果图如下: CSS代码： #enlarge { padding:0;margin:2em auto; list-style-type:none;width:240px;height:40px; } #enlarge li{ display:block;float:left;width:40px;height:40px; position:r...

    Read more...

第 3 页 , 共 3 页 1 2 3