今天开始吧静态页面转换成动态页面,将完成的静态页面部署到tomcat中,访问时却出现了不和谐的一幕:
在静态页面中访问正常的背景图片,在容器中却无法显示???
查了N多资料......
html:
<tr>
<td height="327" align="center" valign="top" class="bg2" ><table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" class="bg2">
<tr>
<td width="520" height="350" > </td>
<td width="296" align="center" valign="top" ><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="130"> </td>
</tr>
</table>......
css:
.bg { background-image:url(../images/login_03s.jpg)}
.bg2 { background-image:url(../images/login_02.jpg)}
主要就是集中在css中引入<td>的背景图片,开始认为在容器中不支持这种引入方式,但是试了几个其他的方式还是不行,几个人研究了半天,终于发现了其中的奥秘:原来是图片的名称是Login_02.jpg,而我们引用的是login_02.jpg,原理是大小写的不同导致的无法引入,之所以根本没想这个原因是因为在部署之前,使用浏览器直接打开是可以引到得。
在外部环境中对于图片名称大小写的检查不是很严格导致了这个问题。