摘要:
lightbox效果(点击下面的图片!):Close实现这个lightbox的原理很简单:添加一个div层用来显示黑色透明的那个覆盖层(用z-index来实现);再添加一个div层,用来显示中间要显示的内容(也是用z-index来实现,不过这个值要比覆盖层的大)。代码很简单,如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xml 阅读全文
摘要:
也不知道这题目对不对,随便吧。因为今天看到了一篇文章“修正IE6不支持position:fixed的BUG”。显然这是一个出现已久的问题,不过应该会有用,所以就拉回来当做收藏了啊。文章地址:前端观察(http://www.qianduan.net/fix-ie6-dont-support-position-fixed-bug.html)你是如何让position:fixed在IE6中工作的?本文所使用的技巧是用了一条Internet Explorer的CSS表达式(expression)。你不可以直接使用该表达式,因为它可能会因为缓存而不更新。解决这一点的最简单的方式是使用eval包裹你的语句 阅读全文
摘要:
之前写了一个网店的页面,在商品排列的实现上是用列表来包裹,然后float每个li。这样的方法显然是直接简单的,但是产生了一个问题,当一行中每个li的高度不一致的时候,就会产生如下情况:显然这不是我们想要的效果,下面的才是我们要的效果:参考了网上的资料后找到了一个这样的跨浏览器解决方案(为了节省时间,大家可以只看li的样式就可以啦,其他的设置只是一些少少的调整而已):<ul> <li> <div> <img src="http://farm4.static.flickr.com/3623/3279671785_d1f2e665b6_s.jpg& 阅读全文
摘要:
在之前做团委搜索页面的时候,曾经出现过一个小小的问题:搜索框与搜索按钮没对齐!今天读到一篇文章,写到了有关这个问题的探讨。当使用:<input type="text" value="" name="s" id="s" /><input type="image" src="img_url" id="searchsubmit" value="Search" class="btn" />的时候就会出 阅读全文
摘要:
对于::selection这个选择器,也许会感到陌生,但是在新手学习基础的时候肯定会遇上,只是因为用得不多,所以它容易让人忘记。用::selection我们可以改变被选择文本的前景色和背景色。.container ::selection{ background:#C00; color:#fff; }<div class="container"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ornare vulputate mi. Nullam auctor ped 阅读全文