摘要: 淘宝采用的是第一种方法!!!! 基本上快被这个问题搞疯了,症状如下: 症状描述:在ie下(6或7,8没有试过)当出现中英文混排,都采用默认字体时,并使用 li 列表做float时,会出现如上图的症状,文字排列上下不对齐的情况。影响了布局的美观性,造成上图情况的原因是中英文的文字基线不同,arial字体的下边缘要比宋体(同为12号)低一个象素,上边缘比宋体矮两个象素,而且英文还有i,y这种上下基线不同的情况。所以当中英文混排对齐时,就会出现明显的高度差异,使排版不均。可见放大图。 阅读全文
posted @ 2009-03-17 22:15 Biny 阅读(1433) 评论(1) 推荐(0) 编辑
摘要: 在制作网页的过程中,自适应问题是经常遇到,而又最让人头疼的,看了好多种解决的方法,但是都不是万能的。今天遇到这个问题,实在让我挠头,借鉴了 Shark的方法,又给了我一个新思路。当时没仔细看LBS的样式表,今天才发现,.clear用的就是这个方法。接下来,我会做个关于“自适应高度”问题的汇总,以便今后遇到问题时候更快解决。 为了解决浮动元素引起父元素无法获得高度的问题,我们一般在子元素的最后加上一个Spacer Div(clear:both)。但是IE和Mozilla对div的解释不同引起一些表现上的差异。 阅读全文
posted @ 2009-03-17 22:04 Biny 阅读(932) 评论(3) 推荐(0) 编辑
摘要: 这个问题在开发中经常遇到,在此作个记录,以备不时之需。 IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存。 常用的解决方案: 在页面底部添加以下IE6专用代码,让IE6缓存CSS背景图片至本地,这样a:hover时IE6就不会再重新向服务器请求加载背景图片了。 阅读全文
posted @ 2009-03-17 21:20 Biny 阅读(2486) 评论(2) 推荐(2) 编辑
摘要: 导言:本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单,从思路、原理、步骤,手段可谓“无所不用其极”,即便你是菜鸟,相信你看了本文后,也能打造出属于自己的超级漂亮的标准导航菜单。本菜单无冗余结构,利于数据动态输出,非常适合于用在平常的项目中去。本教程中讲到了基本的滑动门原理,相信对那些还在这条路上摸索的朋友会有一些帮助!当然如果有什么错误和问题,也欢迎大家提出来探讨。 阅读全文
posted @ 2009-03-15 13:00 Biny 阅读(7624) 评论(16) 推荐(0) 编辑
摘要: 看到论坛上有个朋友展示了一个山顶角的实例,但是这儿需要更正一下的是,哪不是圆角框,正规的名称叫做山顶角(mountaintop corner),它最早是由www.simplebits.com的作者Dan Cederholm首创的。 阅读全文
posted @ 2009-03-14 21:24 Biny 阅读(3987) 评论(2) 推荐(0) 编辑
摘要: 在cssplay网站看到有一组CSS像素画,于是也想摩仿一下,于是在网络上找到一组头像图标,看其结构比较简单,就拿它开刀吧! 基本原理: 没有什么技术含量,主要是利用背景色和边框色来渲染每一个像素点,加上绝对定位,就可以变换出不同的风格。在制作一幅图片之前最好是将图片黑白风格化,然后用PS放大图片,将各个点的位置计算精确。剩下的事情就是无穷的耐心和细心了。 阅读全文
posted @ 2009-03-09 00:34 Biny 阅读(3138) 评论(8) 推荐(0) 编辑
摘要: 导言:本文探讨的是圆角框的终极解决方案,其核心关键词是“圆滑、完美、兼容、重用性、语义”,这些技术都是收集目前网络上最流行的做法。纵观种种方法,各有其优势,请针对不同的环境分别使用。 圆角框,因为其样式比直角框漂亮,所以成为设计师心中偏爱的设计元素。现在的web标准下大量的网页、博客都采用圆角框设计,成为一道亮丽的风景线。 然而,就是这个圆角,却成为了网页前端人员心中永远抹之不去的阴影,对它,可以说是又痛又爱。爱的是它的漂亮,痛的是要让它兼容通行于各种不同的浏览器却成为一个永远的神话。 让我们来回顾一下目前网络流行的都有哪些解决方案。 阅读全文
posted @ 2009-03-08 22:08 Biny 阅读(8406) 评论(1) 推荐(4) 编辑
摘要: 看到一则笑话,转到这儿,纯属娱乐。 阅读全文
posted @ 2009-03-02 19:46 Biny 阅读(1073) 评论(0) 推荐(0) 编辑
摘要: 有的时候,为了实现一些特殊效果,需要将页面元素变透明,本文介绍的就是用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果。 阅读全文
posted @ 2009-02-27 21:50 Biny 阅读(1098) 评论(0) 推荐(0) 编辑
摘要: CSS Hack 汇总快查,转贴小毅博客。 阅读全文
posted @ 2009-02-27 21:45 Biny 阅读(978) 评论(0) 推荐(0) 编辑