table ID="zhutiTable" html2="<tr></tr>": 的数据 setTableInnerHTML(document.getElementById('zhutiTable'), html2);   function setTableInnerHTML(table, html) {//table 为table对象,html为生成的html字符串   if (navigator && navigator…
一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行…
以下是一些比较常见的IE6 7下的兼容性问题. 在当下这个时代,其实我们几乎可以不用再去针对IE6做兼容性的处理,除非你的公司还是诡异的要求你兼容到IE6.但是了解一些常见的兼容性问题还是可以帮助我们提高一些布局上的技巧. 以下内容并不需要背下来,其实只要做到见过,万一某一天真碰到了这样的问题知道在哪里可以查看解决方法就可以了. 另外最重要的一点,我认为布局上的规范与合理是解决兼容性的最佳方案.如果布局规范,层次结构清晰,明确,那么至少在IE7下我们其实都不用做特别多的针对性的兼容处理.如果你的…
今天在写一个jsp页面时,遇到一个如下的问题:在一个table中写了如下内容,table中定义了4列,在firefox中能正常显示,而在ie8中,显示不正常, 如下如图1:第二,三,四列宽度发生变化,和代码中定义的宽度显示不一致, 图1(IE8): 图2(firefox): 代码如下: <table id="cont2"> <tbody> <tr> <td class="ct_t"> 是否分包<font styl…
设置样式: <head><style type="text/css">thead {color:green}tbody {color:blue;height:50px}tfoot {color:red}</style></head> <table border="1"> <thead> <tr> <th>Month</th> <th>Savings…
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .box{ width: 200px; height: 200px; border: 1px solid black; position: relative; } .item{ width: 150px; height: 150px; backgrou…
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .box{ width: 308px; height: 308px; background-color: red; position: absolute; } .content{ width: 100px; height: 100px; backgro…
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .list{ margin: 0; padding: 0; list-style: none; width: 300px; } .list li{ height: 30px; border: 1px solid red; line-height: 30…
(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-04-08) 一.IE6/IE7下margin-bottom失效兼容解决办法 1.用padding-bottom代替:2.在父标签中加入overflow:hidden:或zoom:100%示例代码: 不正常显示 ul{} li{ list-style:none; float:left; margin:10px;} 1. 你会发现左边10px 变成20px了, 解决办法:在li的CSS中加入:display:inline…
WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件.在项目中,推荐并一直在使用WebUploader进行文件上传业务开发. 当然由于一些人为的使用不当,也会导致一些小问题.小记下. 1.WebUploader IE9下报错,具体报了哪一行错误忘记了,错误是flash内部的一个上传方法不存在. a.遇到错误,调试到对应行时,第一感觉就是这个问题无解,以为是IE9下有BUG,但是想想网上也没有相关的说法并且项目中IE9下面…