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