IxEdit是一款基于jQuery的,专门面向Web程序员和设计师量身定制的可视化交互设计工具.
官方网站:http://www.ixedit.com/
虽然目前IxEdit还处于beta阶段,但功能已经非常强大了.
IxEdit的界面:
Continue reading
IE6是个”神奇”的浏览器,其原因想必做前端的同行们都深有体会,:)作为我个人而言,最反感的就是IE6不支持除A以外的hover伪类,再一个就是它不支持png图片的alpha透明度.当然此类问题已有众多的解决方案,这里只是总结下自己常用的IE6下实现png半透明的方法以及适用环境.
1.使用滤镜,适用于单一png背景图片的快速部署;弊端:消耗资源比较多,方法比较繁琐.
提示：你可以先修改部分代码再运行。
2.使用JS(pngfix.js),适用于插入png图片的部署;弊端:pngfix.js会影响到CSS的布局,如demo中img设置了margin,但在浏览时却无效,而且资源消耗较大.
Continue reading
阴影效果是在设计中比较常见的,它可以增强页面的立体感,给用户带来更高的视觉体验,常规的制作方式是用图片来完成,而这里就介绍几种CSS方法来实现阴影效果.
简单的图片阴影
先来看看效果:
提示：你可以先修改部分代码再运行。
原理:代码很简单,主要是用到了相对定位:position:relative;并通过top:-5px; left:-5px;使图片产生向左以及向上的位移,使原来被遮挡住的box-shadow得以显现,再加上灰色的背景background:#f4f4f4;最终形成阴影效果:)
Continue reading
前段时间费了好大的劲才弄了个伪IE8 hack(关于IE8的HACK)…最近发现原来IE8是存在私有hack的,真悲剧…
background:#ff6600\0; /*IE8 hack*/
测试:
提示：你可以先修改部分代码再运行。
能够为 Firefox、Opera、Safari 专写一个 Hack 的情况非常之少，所以以下 Hack 方式在我看来特别新奇。So，做个记录，不做火星人=.=!
normal
.sampleCss{
height:10px;
}
1.Firefox 1-2
body:empty .sampleCss{
height:10px;
}
2.Firefox
@-moz-document url-prefix(){
.sampleCss{height:10px;}
}
Continue reading
