|
21、如何容器透明，内容不透明？ 假设在标准模式下有如下结构： <div class="outer"> <p class="inner">我不要透明</p> </div> IE only的方法：在父容器outer被设置为透明后，只需要将子容器inner设置为position:relative; 如果需要兼容其它浏览器，则以上的方法不适用，且结构也需改为： <div class="outer"></div> <div class="inner">我不要透明</div> 然后使用position + z-index搞定位置 22、如何去掉链接的虚线框？ IE下：<a href="#" onfocus="this.blur();"...> FF下:a{outline:none;} 23、如何使得页面字体行距始终保持n倍字体大小为基调？ 在body内设置line-height:n即可，注，不可以为它加上单位 原因可参阅：http://blog.doyoe.com/article.asp?id=195 24、如何使用标准的方法插入flash? <div class="fla-show"> <object type="application/x-shockwave-flash" data="*.swf" width="*" height="*"> <param name="movie" value="*.swf" /> <img src="*.jpg" alt="用于不支持flash或屏蔽flash时显示" /> </object> </div> 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;} <div class="min-height">我是兼容的min-height</div> 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注释）： <!--Let ie6 and ie7 into quirks mode--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> IE6的触发（在XHTML 的DTD申明前加上XML申明）： <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 当没有使用DTD声明或者使用HTML4以下（不包括HTML4）的DTD声明时，基本所有的浏览器都是使用Quirks Mode呈现。 31、如何给一个元素定义多个不同的css规则？ <style type="text/css"> .a{color:#f00;} .b{background:#eee;} </style> <div class="a b">测试</div> 如上例，该元素同时拥有a和b定义的样式规则。 多个规则之间使用空格分开，并且只有class能同时使用多个规则，id不可以 32、如何区别display:none与visibility:hidden? 相同的是display:none与visibility:hidden都可以用来隐藏某个元素； 不同的是display:none在隐藏元素的时候，将其占位空间也去掉；而visibility:hidden只是隐藏了内容而已，其占位空间仍然保留。 33、如何解决按钮在IE7及以下浏览器中随着value增多两边留白也随着增加的问题？ 通常情况下，如果value的长度是固定不变的，可以给按钮设定一个固定的width，这是没有问题的，但在大多数情况下，按钮的value大多是可变的，所以给按钮设定width是不够理想的。 解决方法，给按钮加上：#overflow:visible;padding:0 10px;其中overflow用于清除ie两边的留白，padding用于使得各浏览器的留白一致。 (责任编辑：admin) |