防止ie6的margin双倍bug

2012-03-16 • WEB事儿

防止IE6下,元素设置了浮动,同时又有margin-left、right等,数值会被加倍。

浮动元素加上display:inline能防止ie6出现双倍margin问题。

代码如下:

.fl{float:left;display:inline}

纯CSS三角形的一种方法

2012-02-10 • 伪技术,WEB事儿

CSS三角形

在WEB中下三角形经常表示此处还有下拉。实现CSS三角形的方法有几种,有用3个容器拼凑的,还有用纯边框实现的。今天分析一下第一种实现方法。

阅读更多...

换博客主题与主题优化

2011-12-09 • 生活记事,WEB事儿

换主题记:

    上周回家以后电脑就送去维修,今天回到学校趁机再次折腾博客。本次主题就没有重头开始写了,直接在之前制作的typecho主题xmTheme v1.0上面操刀,将界面变成纯色小清新。

    界面方面和之前的主题基本一致,但是这次css方面跟着潮流学习掺杂了一点响应式WEB的技术,测试方法可以将你的浏览器窗口调小或者使用手机浏览器进行察看。如无意外你会看到效果如图:

    边栏直接隐藏,搜索框框也不见了,只剩下导航,并且用手机浏览器可以看到如下效果:

阅读更多...

jQuery仿淘宝CheckBox选中效果

2011-11-30 • 伪技术,WEB事儿

效果预览:

jquery仿淘宝CHECKBOX效果

最近由于项目需求要做一个类似淘宝宝贝页面选中的效果,我称之为checkbox,昨晚用jquery秒杀了一个简陋版,分享之。可以看这里演示。功能比较简陋,如果真正拿来提交数据库,selected数据请自行获得。

阅读更多...