摘要: 我们先了解左中右结构标题栏特点: 1.标题栏具有一定的高度,宽度一般自适应。 2.标题栏左边、右边不具有延伸不变的特性,如略成弧形。 解决方案总体思路设: 最外层定高度,且设背景为水平方向平铺,这样可呈现垂直方向的渐变效果。 内层套浮左浮右两块用以实现标题栏的左右不同。 继续在内层添加浮左或浮右块,可放标题文字或者“更多”等内容。注意浮左块和浮右块的顺序是颠倒的。 阅读全文
posted @ 2009-03-17 23:03 Biny 阅读(2059) 评论(2) 推荐(0) 编辑
摘要: 今天测试div层和flash的交互,发现div层总是被flash层遮盖,在百度上找了一会,说是加个就成了,我加完后在IE下问题是解决了,但是FF下好像没有反应,后来才知道IE中和FF加的代码是不一样的,如下: IE浏览器下可用... 阅读全文
posted @ 2009-03-17 22:44 Biny 阅读(1877) 评论(0) 推荐(0) 编辑
摘要: 淘宝采用的是第一种方法!!!! 基本上快被这个问题搞疯了,症状如下: 症状描述:在ie下(6或7,8没有试过)当出现中英文混排,都采用默认字体时,并使用 li 列表做float时,会出现如上图的症状,文字排列上下不对齐的情况。影响了布局的美观性,造成上图情况的原因是中英文的文字基线不同,arial字体的下边缘要比宋体(同为12号)低一个象素,上边缘比宋体矮两个象素,而且英文还有i,y这种上下基线不同的情况。所以当中英文混排对齐时,就会出现明显的高度差异,使排版不均。可见放大图。 阅读全文
posted @ 2009-03-17 22:15 Biny 阅读(1357) 评论(1) 推荐(0) 编辑
摘要: 在制作网页的过程中,自适应问题是经常遇到,而又最让人头疼的,看了好多种解决的方法,但是都不是万能的。今天遇到这个问题,实在让我挠头,借鉴了 Shark的方法,又给了我一个新思路。当时没仔细看LBS的样式表,今天才发现,.clear用的就是这个方法。接下来,我会做个关于“自适应高度”问题的汇总,以便今后遇到问题时候更快解决。 为了解决浮动元素引起父元素无法获得高度的问题,我们一般在子元素的最后加上一个Spacer Div(clear:both)。但是IE和Mozilla对div的解释不同引起一些表现上的差异。 阅读全文
posted @ 2009-03-17 22:04 Biny 阅读(920) 评论(3) 推荐(0) 编辑
摘要: 这个问题在开发中经常遇到,在此作个记录,以备不时之需。 IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存。 常用的解决方案: 在页面底部添加以下IE6专用代码,让IE6缓存CSS背景图片至本地,这样a:hover时IE6就不会再重新向服务器请求加载背景图片了。 阅读全文
posted @ 2009-03-17 21:20 Biny 阅读(2457) 评论(2) 推荐(2) 编辑