ie8 jquery ui css bug

最新推荐文章于 2025-12-02 21:41:05 发布

原创最新推荐文章于 2025-12-02 21:41:05 发布 · 117 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ui #javascript #java #ViewUI

本文详细介绍了在IE8环境下加载jQueryUI CSS时遇到的问题及解决方案，包括使用正确的相对路径引用CSS文件，确保前端开发人员在不支持最新浏览器特性的环境中也能顺利部署jQueryUI。

在ie8测试jquery ui 的css

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">
    <title>任务设计管理</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <link rel="StyleSheet" href="css/dtree/dtree.css" type="text/css" />

错误：<link rel="StyleSheet" href="css/jquery/jquery-ui-1.8.13.custom.css" type="text/css" />

    正确：<link rel="StyleSheet" href="<%=basePath %>css/jquery/jquery-ui-1.8.13.custom.css" type="text/css" />

    <script type="text/javascript" src="js/dtree/dtree.js"></script>
    <script type="text/javascript" src="js/jquery/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="js/jquery/jquery-ui-1.8.13.custom.min.js"></script>