IE下网页显示为空白的解决办法
作者:Aion 日期:2008-05-28 00:03
去年做台商网的时候就遇到这么个问题，这次做旅游站的时候再次碰到了,就是IE浏览器会莫名其妙的将网页显示为空白。开始的时候以为是BOM作祟，后来确定去除了BOM。页面都是UTF-8编码的，打开后查看浏览器的编码属性确实是“自动选择”，可是浏览器选择的却不是UTF-8。页面内容也已经全部加载完毕，源代码能全部看到，而且头部确实已经定义了
引用:<meta http-equiv="content-type" content="text/html; charset=utf-8" />
后来琢磨了一下原来的网页，发现出问题的都是在<title></title>标签里面输出中文内容的的页面，好似看出点苗头来……尝试着将<title>行挪至定义页面编码的<meta>下面，问题解决。
上网搜索了一下别人的文章，发现原来也有很多人困扰在这个问题上，呵呵，找到一篇技术性很强的，沾过来做技术说明，我自己就不再赘述：
http://hi.baidu.com/16v_cn/blog/item/816ea50a2aa4cd3fb0351d09.html
楚都旅游 LAMP
作者:Aion 日期:2008-05-21 13:41
LAMP架构的B2B系统 DIV+CSS
作者:Aion 日期:2007-12-09 16:35
LAMP架构的B2B系统 DIV+CSS CSS 实现的图片大小自适应
作者:Aion 日期:2006-05-01 09:24
以前的解决方法主要是利用js来实现。还有一种是在外部容器定义over-flow:hidden。但这种办法只会切割图片而不会自动适用。
下面的办法的出现应该感谢伟大的css2.0和更伟大的microsoft（没有它就不必有这么啰嗦的代码了^_^）。
固定像素适应:
CODE:
百分比适应:
CODE:
下面的办法的出现应该感谢伟大的css2.0和更伟大的microsoft（没有它就不必有这么啰嗦的代码了^_^）。
固定像素适应:
CODE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css2.0 VS ie</title>
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
}
#pic{
margin:0 auto;
width:800px;
padding:0;
border:1px solid #333;
}
#pic img{
max-width:780px;
width:expression(document.body.clientWidth > 780? "780px": "auto" );
border:1px dashed #000;
}
-->
</style>
</head>
<body>
<div id="pic">
<img src="http://www.anycc.com/pic/content/Design/Personal.Design/Angel.down.JPG" alt="感谢Anycc.com被我盗链图片！"/>
</div>
</body>
</html>
百分比适应:
CODE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css2.0 VS ie</title>
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
}
#pic{
margin:0 auto;
width:800px;
padding:0;
border:1px solid #333;
}
#pic img{
max-width:780px;
width:expression(document.body.clientWidth>document.getElementById("pic").scrollWidth*9/10? "780px": "auto" );
border:1px dashed #000;
}
-->
</style>
</head>
<body>
<div id="pic">
<img src="http://www.anycc.com/pic/content/Design/Personal.Design/Angel.down.JPG" alt="感谢Anycc.com被我盗链图片！"/>
</div>
</body>
</html>
标签: CSS
用css实现表格元素的颜色间变
作者:Aion 日期:2006-05-01 09:21
用css实现表格行交替变色 方法一：
CODE:
用css实现表格行交替变色 方法二：
CODE:
用css实现单元格交替变色
CODE:
<style>
.db { border-collapse:collapse;}
.db tr{ background-color:expression('#dbdbdb,#EFEFEF'.split(',')[rowIndex%2]); }
</style>
<table width="100%" border="1" class="db">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
用css实现表格行交替变色 方法二：
CODE:
<style by tesion.>
th {font-weight: normal; text-align:left; background: #CCCCCC}
td {background: #FAFAFA}
</style>
<table>
<tr>
<th>第一个颜色</th>
</tr>
<tr>
<td>第二个颜色</td>
</tr>
<tr>
<th>第一个颜色</th>
</tr>
<tr>
<td>第二个颜色</td>
</tr>
<tr>
<th>第一个颜色</th>
</tr>
<tr>
<td>第二个颜色</td>
</tr>
</table>
用css实现单元格交替变色
标签: CSS
实现背景颜色的渐变[同微软的网站header的样式]
作者:Aion 日期:2006-04-18 09:19
代码1
