input 有一堆 type 属性，不同的 type 对应不同的表单元素。CSS 定义的时候，对于支持 CSS2 选择符的浏览器，可以使用 复制内容到剪贴板 代码: input[type="checkbox"] input[type="text"] 等等来对 input 分别做不同定义，但是对于 IE6，这法子行不通。 一般的解决方案是给不同的 input 加不同的 class，可以手动加，也可以用 js 遍历自动加，刚由一个问题想...

12日，是我们逐渐习惯与危机共存的很普通的一天；12日，也是四川八级强震发生整整半年的日子。 冬天就在窗外，我知道的，还有很多家还住在帐篷和简易的过度棚里——板房总是不够住，甚至，前几天的暴雨中，一些孩子家的帐篷都被吹翻了；而学校的教室每逢下雨，依然会漏水渗水；还有很多的家长也在修房子还是送孩子之间权衡，选择，局促&am...

我们经常使用到a,button,input等标签，通过css加背景等方式来实现按钮的效果。但是要做一个通用的样式类，又能保证在各个浏览器下表现一致，还能有很好的扩展性的按纽可不就那么容易了。好了废话少说。进入正题。 首先我们选择a和button两个标签作为通用按纽的外包装器。主要考虑到，在ie6不支持a以外的:hover伪类，使用a就可以对按钮做悬浮状态，这就是为什么选择...

  借口碑网首页改版之际，抽离一些自认为这次在首页前端开发中一些有用的东西拿出来和大家探讨一下。口碑网首页改版比较勤快，也不知道这版首页会持续多久，啥时候改版的话，本系列文章自动终止。 今天说说清除浮动，clear float。 常规清除浮动，只要在需要清除的那个元素加上clear:left、clear:right或者clear:both 但是有两个情况下，靠以...

基本上快被这个问题搞疯了，症状如下 症状描述：在ie下（6或7，8没有试过）当出现中英文混排，都采用默认字体时，并使用 li 列表做float时，会出现如上图的症状，文字排列上下不对齐的情况。影响了布局的美观性，造成上图情况的原因是中英文的文字基线不同，arial字体的 下边缘要比宋体（同为12号）低一个象素，上边缘比宋体矮两个象素，而且英文还有i,y这种上下...

折折熊  发表于2008-10-16,17:51 91 Views 很久没有发表文章了，最近一直在研究产品设计标准的问题，之前有发过一篇关于 Axure的教程 ，相信很多人已经学会如何使用，这次我给大家介绍一下如何利用Axure将视觉标准封装并使用。 交互设计师一般都是出线框图为最终产物，但是往往很多产品只需要利用现成的视觉标准就可以画出原型。为...

最近在内部讨论关于”完美三栏”的话题,看到一篇” In Search of the Holy Grail “,相当的好.故此翻译之. In Search of the Holy Grail 很抱歉我没有将这篇文章命名.我不是想夸大他的重要性或是轻视其他的 Holy Grails .但是确实是这么称呼，我们都明白它的含义. 三栏，一个是固定宽度的导航栏,另一个是GOOGLE广告...

我在Ajax中国上曾经对比过 国内门户网站对Flash激活限制的处理 。除了qq.com，各大门户网站上的flash都已经解决了激活限制的问题。淘宝的页面上也常常会使用到Flash，激活限制导致用户的交互性体验感受不够友善。 我们一直想解决此问题。但是国内门户网站的做法都略为麻烦，要么需要为每个flash编写额外的js，要么就是在页面上放置flash的位置打上一块<script&a...

  CSS部分： *{ margin:0; padding:0; } * html{ height:100%; overflow-y:hidden; } * html body{ height:100%; overflow-y:auto; } #TargetTOP{ position:fixed; bottom:10px; right:10px !important; right:27px; border:1px #f00 solid; } * html #TargetTOP{ position: absolute; } HTML部分： < a name="Top"><...

如上图，在制作数码热销排行的页面时，每种手机的图片都是固定的160×120大小，但是出于页面美观及内容可读性的考虑，在列表页上图片都压缩为原大小的50%显示；也就是80×60像素大小。不过当用户将鼠标移动到缩略图上时，我们会按原图大小显示出来。类似的效果在抓虾上也被应用在显示用户头像上： 抓虾使用的技术是利用一个隐藏的浮动层，...