20、以图换字的几种方法及优劣分析 以图换字,其实是为了保证页面的可读性,这样既有利于搜索引擎,又有利于结构查看。由于这种方式被大多数人所认同,所以方法也越来越多: 方法1:使用text-indent的负值,将内容移出容器; 方法1(非常不推荐)看起来蛮简单,但其实有几个不理想的地方,1是比较吃资源;2是在ie5下面会出现滞后背景无法显示;3是内容为超链接时,长长的黑色虚框,让你抓狂。
假设在标准模式下有如下结构: IE only的方法:在父容器outer被设置为透明后,只需要将子容器inner设置为position:relative; 如果需要兼容其它浏览器,则以上的方法不适用,且结构也需改为: <div class="outer"></div> 然后使用position + z-index搞定位置 22、如何去掉链接的虚线框? IE下:<a href="#" onfocus="this.blur();"...> 23、如何使得页面字体行距始终保持n倍字体大小为基调? 在body内设置line-height:n即可,注,不可以为它加上单位 24、如何使用标准的方法插入flash? <div class="fla-show"> 25、Standard Model如何让容器可以height:100%? 设置html,body{height:100%;margin:0;} 26、如何使得表格的宽度固定? 设置table为table-layout:fixed;这时表格将使用固定布局算法,多出的内容将不影响表格的宽度 27、如何让min-height兼容ie6? .min-height{min-height:100px;_height:100px;} 28、如何让鼠标变成手型且兼容所有现代浏览器? cursor:pointer 29、如何实现ie6下的position:fixed? 参阅:http://blog.doyoe.com/article.asp?id=188 30、IE下如何对Standard Mode与Quirks Mode进行切换? IE6以下的浏览器不用触发,直接以Quirks Mode呈现页面。 IE6和IE7都可以触发的(在XHTML 的DTD申明前加上HTML注释): IE6的触发(在XHTML 的DTD申明前加上XML申明): 当没有使用DTD声明或者使用HTML4以下(不包括HTML4)的DTD声明时,基本所有的浏览器都是使用Quirks Mode呈现。 31、如何给一个元素定义多个不同的css规则? <style type="text/css"> <div class="a b">测试</div> 如上例,该元素同时拥有a和b定义的样式规则。 32、如何区别display:none与visibility:hidden? 相同的是display:none与visibility:hidden都可以用来隐藏某个元素; 33、如何解决按钮在IE7及以下浏览器中随着value增多两边留白也随着增加的问题? 通常情况下,如果value的长度是固定不变的,可以给按钮设定一个固定的width,这是没有问题的,但在大多数情况下,按钮的value大多是可变的,所以给按钮设定width是不够理想的。 |