jsp中的css样式显示不正确！
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jsp中的css样式显示不正确！相关的知识，希望对你有一定的参考价值。
我的代码在dreamer中可以，但改成jsp，在myecpilse中就没效果了
<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html class="no-js">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css3立体相册突出效果</title>
<link rel="stylesheet" href="css/reset.css" media="screen" />
<link rel="stylesheet" href="css/style.css" media="screen" />
<link rel="stylesheet" href="css/css3_3d.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
if (!Modernizr.csstransforms)
$(document).ready(function()
$(".close").text("Back to top");
);
</script>
</head>
<body>
<div id="container">
<!--[if lte IE 8]>
<noscript>
<style>
#information li overflow: visible; position: relative; margin: 0 auto; margin-bottom: 25px; background: #fff; width: 600px; padding: 30px; height: auto; list-style: none;
#information li div a.close position: relative; background: transparent; padding: 0; color: #0090e2; font-size: 12px; font-weight: normal; left: 0; top: 0;
iframe, .backface display: none;
</style>
</noscript>
<![endif]-->
<h2 class="title">石大美食 </h2>
<ul id="grid" class="group">
<li>
<div class="details">
<h3>Lanterns</h3>
<a class="more" href="#info1">view details</a>
</div>
<a class="more" href="#info1"><img src="image/001.jpg" /></a>
</li>
<li>
<div class="details">
<h3>Tree</h3>
<a class="more" href="#info2">view details</a>
</div>
<a href="#info2"><img src="image/002.jpg" /></a>
</li>
<li class="end">
<div class="details">
<h3>Cable Car</h3>
<a class="more" href="#info3">view details</a>
</div>
<a href="#info3"><img src="image/003.jpg"/></a>
</li>
<li>
<div class="details">
<h3>London Eye</h3>
<a class="more" href="#info4">view details</a>
</div>
<a href="#info4"><img src="image/004.jpg" /></a>
</li>
<li>
<div class="details">
<h3>Golden Statue</h3>
<a class="more" href="#info5">view details</a>
</div>
<a href="#info5"><img src="image/005.jpg" /></a
</ul>
</div>
<div style="text-align:center;clear:both">
</div>
</body>
</html>
还是在浏览器中看到的效果呢？
建议把 插入css的link语句中的 media="screen" 删除，这个属性是限制在屏幕状态下css有效，删除了后，反而在所有条件下都有效。 参考技术B <!DOCTYPE html>html标准定义的不对，把dreamweaver里的复制过来追问
我就从那边复制过来的，在dreamwear中图片可以动，但是放在myecplise中图片成为静态的了
追答872600899我在线帮你看看
本回答被提问者采纳 参考技术C 可能是调用的css地址不对呀！！！其他的没有看出有什么不对！！servlet重定向到jsp后样式无法正常显示
原因是在servlet中转发时css和图片的路径变成相对于这个servlet的相对路径而非相对于web项目的路径了。
解决办法：导入css样式和图片时把css写成动态绝对路径，
如用EL表达式表示：
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/main.css" type="text/css" />
<a href="index.jsp"><img src="${pageContext.request.contextPath }/images/logo.gif"
以上是关于jsp中的css样式显示不正确！的主要内容，如果未能解决你的问题，请参考以下文章