Question

我的main.jsp页面包含此代码：

 <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>

    <script src="/targets/js/jquery.uploadify.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="/targets/jsp/uploadify.css">
    <link rel="stylesheet" type="text/css" href="/targets/css/cssPicker.css">

    <!-- ko template: { name: showView } --><!-- /ko -->

它正在将一些组件初始化为脚本和css。我正在调用cssPicker.css，其中包含以下代码：

<!--[if IE]><!-->
    <link rel="stylesheet" type="text/css" href="/targets/jsp/targetsMSIE.css">
<!--[endif]-->

<!--[if !IE]><!-->
    <link rel="stylesheet" type="text/css" href="/targets/css/targets.css">
<!--<![endif]-->

但风格并未适用。

我之前从未玩过css而且我很确定我试图调用这张表的方式是不正确的。请告诉我如何在有人使用IE时以及当有人使用其他浏览器时正确调用工作表。

Answer 1

所有版本的IE

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

除IE之外的所有浏览器

<!--[if !IE]><!-->
    <link rel="stylesheet" type="text/css" href="not-ie.css" />
 <!--<![endif]-->

所有浏览器。

<link rel="stylesheet" type="text/css" href="/targets/css/targets.css">

Conditional Stylesheets可以帮助您更好地理解。

我怀疑你是不是正确引用CSS位置"/targets/jsp/targetsMSIE.css"这应该是"/targets/css/targetsMSIE.css"

奇怪的CSS问题 - 无法加载样式取决于浏览器

1 个答案: