web常见小问题

之前一直是做CS开发的，最近开始做BS项目了。学习起来还算快，就是经常遇到一些觉得不可思议的问题，也许问题很初级，但是我仍然掩饰不了解决之后的那种喜悦，记录下来吧。

1.透明背景png在ie6里边不透明解决：css中"background: url(images/gift.png) no-repeat top left; margin-left: 10px"改成："background:none top left; margin-left: 10px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gift.png', sizingMethod='crop');"

2.input与img在一行，要他们的高度对齐。<img align="absmiddle">。

3.table与div之间的间隔，偶在header、footer各有一个table，中间使用了div，并没有设置div的mergin，但是它们之间老是有很宽的间隔，最后一点点调整代码才发现，是<table>标签外部的<form>标签干的坏事。

4.验证码的问题，网上样例蛮多的，但只能提供思路，最终具体应用。项目使用了jsf，页面后缀名为xhtml。之前采用网上一个常用的例子，生成图片文件，并且保存到本地，先后出了保存图片的路径问题、图片读取、图片刷新等等问题，后来想想这样生成图片本身就不安全，最后采用了jsp的方式，生成图片，并将jsp路径赋给img的src，这个方式很好，不用生成图片文件保存到服务器，但由于之前为了项目的干净一直避免xhtml，走进了误区啊，不过后面又出了点小问题，【tomcat java.lang.illegalstateexception getoutputstream has already been called for this response】，在生成图片的时候加上【out.clear(); out = pageContext.pushBody();】就OK啦。

5.页面字体大小，除了css，doctype也会影响。

6.js获取并动态显示服务器时间：

<script language="javascript">
  function createXMLHttpRequest () {
   var request = false;
   if(window.XMLHttpRequest) {
      request = new XMLHttpRequest();
      if(request.overrideMimeType) {
       request.overrideMimeType('text/xml');
      }
   } else if(window.ActiveXObject) {
      var versions = ['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];
      for(var i=0; i<versions.length; i++) {
       try {
        request = new ActiveXObject(versions[i]);
        if(request) {
         return request;
        }
       } catch(e) {
        //alert(e.message);
       }
      }
   }
   return request;
   }
   var http = createXMLHttpRequest();
   http.open("HEAD", ".", false);
   http.send(null);
   var curDate = new Date;
   var offsetTime = curDate - Date.parse(http.getResponseHeader("Date"));
   setInterval(function()
   {
       curDate.setTime(new Date - offsetTime);
       document.getElementById("spnTime").innerHTML = curDate.toLocaleString();
   }, 1000);
 </script>