Html 第7113条：“第；由于mime类型不匹配，CSS被忽略；使用lighttpd和IE11时出错_Html_Css_Internet Explorer_Internet Explorer 11

Html 第7113条：“第；由于mime类型不匹配，CSS被忽略；使用lighttpd和IE11时出错

html css internet-explorer

Html 第7113条：“第；由于mime类型不匹配，CSS被忽略；使用lighttpd和IE11时出错,html,css,internet-explorer,internet-explorer-11,Html,Css,Internet Explorer,Internet Explorer 11,我有一个名为myapp的web应用程序，运行在使用PHP开发的lighttpd服务器上 Chrome和Firefox都能正确显示我的页面以及Edge。但是，当我使用IE11时，它并不呈现页面样式表（css）。查看调试窗口（F12），它加载的CSS文件是text/html类型，而不是type/CSS，这导致IE11抱怨 IE11使用SEC7113投诉错误：“由于mime类型不匹配，CSS被忽略” 有好几篇关于SEC7113错误使用Internet Explorer的帖子，但是没有一篇能够解决我的问

我有一个名为myapp的web应用程序，运行在使用PHP开发的lighttpd服务器上

Chrome和Firefox都能正确显示我的页面以及Edge。但是，当我使用IE11时，它并不呈现页面样式表（css）。查看调试窗口（F12），它加载的CSS文件是

text/html

类型，而不是

type/CSS

，这导致IE11抱怨

IE11使用SEC7113投诉错误：“由于mime类型不匹配，CSS被忽略”

有好几篇关于SEC7113错误使用Internet Explorer的帖子，但是没有一篇能够解决我的问题

我的环境数据：

我已将lighttpd安装为web服务器。我的

lighttpd.conf

配置文件：

    server.modules += (
    "mod_access",
    "mod_alias",
    "mod_compress",
    "mod_redirect",
    "mod_rewrite",
    "mod_setenv",
    "mod_fastcgi"
)

server.document-root        = "/usr/local/sbin/www"
server.upload-dirs          = ( "/usr/local/sbin/www/uploads" )
server.errorlog             = "/var/log/lighttpd_error.log"
server.pid-file             = "/var/run/lighttpd.pid"

server.max-request-size = 2097152
server.network-backend = "writev"

#
# Redirect to public folder
#
url.redirect = ("^/$" => "/myapp/public" )


index-file.names            = ( "index.php", "index.html", "index.lighttpd.html" )
url.access-deny             = ( "~", ".inc" )
static-file.exclude-extensions = ( ".php", ".pl", ".fcgi" )

compress.cache-dir          = "/var/cache/lighttpd/compress/"
compress.filetype           = ( "application/javascript", "text/css", "text/html", "text/plain" )

# default listening port for IPv6 falls back to the IPv4 port
## Use ipv6 if available
#include_shell "/usr/share/lighttpd/use-ipv6.pl " + server.port
include_shell "/usr/share/lighttpd/create-mime.assign.pl"
include_shell "/usr/share/lighttpd/include-conf-enabled.pl"

#
# PHP CGI Configuration
#
fastcgi.server = (".php" => ((
                        "bin-path" => "/usr/bin/php-cgi",
                "socket" => "/tmp/php.socket", 
            "bin-environment" => (
                "PATH" => env.PATH,
                "MYAPP_HOME" => env.MYAPP_HOME,
                "LD_LIBRARY_PATH" => env.LD_LIBRARY_PATH
            )
        ))
    )

#
# Set environment variables
#
setenv.add-environment = ("PATH" => env.PATH,
                         "MYAPP_HOME" => env.MYAPP_HOME,
                         "LD_LIBRARY_PATH" => env.LD_LIBRARY_PATH
                        )

#
# Rewrite rules
#
url.rewrite-if-not-file = (
               "^([a-zA-Z0-9\/\-_]+)\.?([a-zA-Z]+)?$" => "/myapp/public/index.php?url=$1&extension=$2",
               "^([a-zA-Z0-9\/\-_]+)\??(.+)?$" => "/myapp/public/index.php?url=$1&$2")


#
# Mimetype assign
#
mimetype.assign += (  ".html" => "text/html",
                     ".txt" => "text/plain",
                     ".jpg" => "image/jpeg",
                     ".png" => "image/png",
                     ".css" => "text/css",
                     ".js" =>  "text/javascript"
                   )

我正在加载的HTML页面（使用PHP动态构建）：


Traansit AEI RTU


MYAPP
我的申请
登录：


用户名：
密码：
提交

最后，我检查了我的注册表数据库，发现我的

HKEY\U LOCAL\U MACHINE\SOFTWARE\Classes\.css ContentType=“text/css”

我不知道问题是否出在lighttpd服务器上，该服务器没有在HTML页面中发送正确的页面类型，也没有正确设置页面类型

谢谢你的帮助

OBS:

正如格雷厄姆指出的，这是IE1的一个众所周知的问题

1（见附件）。我的问题是如何解决它，因为这不是问题提议的解决方案正在发挥作用
我在我的笔记本电脑中使用IE连接到Linux上的lighttpd服务器我的本地网络上的计算机。因此，我正在远程访问该页面

几年前，IE9和CSS mime类型存在一个问题：是的，我知道这一点。这正是正在发生的问题，但我无法在我的环境中找到解决方法，即使阅读所有与之相关的帖子。我没有解决方法，但是您的HTML有一个错误，导致样式表的链接最终出现在正文中。如果直接将样式表加载到浏览器中，样式表的文件类型是什么？我无法直接将其加载到浏览器中。我的浏览器在网络中，无法从lighttpd服务器访问单个文件。几年前，IE9和CSS mime类型存在一个问题：是的，我知道这一点。这正是正在发生的问题，但我无法在我的环境中找到解决方法，即使阅读所有与之相关的帖子。我没有解决方法，但是您的HTML有一个错误，导致样式表的链接最终出现在正文中。如果直接将样式表加载到浏览器中，样式表的文件类型是什么？我无法直接将其加载到浏览器中。我的浏览器在网络中，无法从lighttpd服务器访问单个文件。

<!DOCTYPE html>
<html lang="en-us">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <title>Traansit AEI RTU</title>

        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    </head>

    <span><base href="/myapp/public/"><!-- [if lte IE 6]></base><![endif]-->

<link rel="stylesheet" type="text/css" media="all" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="all" href="css/traansit.bootstrap-datetimepicker.css">
<link rel="stylesheet" type="text/css" media="all" href="DataTables/datatables.min.css">

<script type="text/javascript" charset="UTF-8" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="js/bootstrap.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="js/moment-with-locales.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="DataTables/datatables.min.js"></script>
</span>

    <body>



            <base href=/myapp/public/>

    <div class="row">

    <div class="col-md-12">

        <br />

        <div class="col-md-5 col-md-offset-1">
            <img src="img/my_logo_sm.jpg" />
        </div>

        <div class="col-md-5 text-right">
            <h3>MYAPP</h3>
        </div>

    </div>

</div>



        <div class="container-fluid">
            <div id="dialogDiv"></div>


<div class="row">

    <div class="col-md-6 col-md-offset-1">
        <div class="jumbotron" style="height: 470px">

            <h4>MY APPLICATION</h4>

        </div>

    </div>


    <div class="col-md-4">


        <div class="jumbotron" style="height: 470px">

        <h4>Logon:</h4>
            <br />

        <form method="post">
            <div class="form-group">
                <label>Username:</label> 
                <input class="form-control" placeholder="Username" type="text" name="username">
            </div> 
            <div class="form-group">
                <label>Password:</label> 
                <input class="form-control" placeholder="Password" type="password" name="password">
            </div> 
            <div class="form-group">
                <button class="btn btn-primary" type="submit" name="action" value="login">Submit</button>
            </div> 

        </form>

    </div>

</div>




        </div>

        <footer></footer>


    </body>
</html>