Question

我正在尝试创建一个允许用户输入一些数据的小型Web实用程序。它有一个外部样式表。样式表在Firefox和Chrome中正确加载，但在IE 11中没有加载。我通过W3C验证器运行了CSS和HTML，一切看起来都没问题。我看了所有类似这个问题的帖子，但仍然遇到了问题。任何建议将不胜感激。下面是HTML和CSS。我不是网页设计师所以我的HTML和CSS有点生锈:)。我也删除了javascript，因为该功能有效。它只是看起来CSS不会在IE 11中加载。

＆＃13;

#colA {
	width: 50%;
	float: left;
	max-width: 480px;
}


.userInputs {
	width: 90%;
	float: left;
}

#right {
	padding-top: 20px;
	float: left;
}

#userDisplay {
	width: 90%;
	float: left;
}

/* Styling for the Name/Value Pair List */
#listDisplay {
	min-width: 90%;
	float: left;
	height: 200px;
}


/* Styling for all  buttons */
.buttons {
	margin-bottom: 20px;
}

＆＃13;

<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Dundas Data Test</title>
	<link href="dundas.css" type="text/css" rel="stylesheet">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="vkbeautify.js"></script>
</head>
<body onLoad="reset()">
    <div>
        <div>
       		<header>
        		<h1>Test</h1>
      		</header>
            <div id="colA">
                <label class="userInputs">Name/Value Pair</label><br>
                <input id="userInput" class="userInputs" type="text" ><br>
                <label class="userInputs">Name/Value Pair List</label><br>
                <select size="10" multiple id="listDisplay"></select>
            </div>
            <div id="right">
                <button class="buttons" type="button" onClick="addToList()">Add</button><br>
                <button class="buttons" type="button" onClick="sortByName()">Sort by Name</button><br>
                <button class="buttons" type="button" onClick="sortByValue()">Sort by Value</button><br>
                <button class="buttons" type="button" onClick="deleteItem()">Delete</button><br>
                <button class="buttons" type="button" onClick="createXML()">Show XML</button>         
            </div>
        </div>
    </div>
</body>
</html>

＆＃13;

Answer 1

使用CSS文件的绝对域链接，从/开始 - 这是基本目录。

例如，如果您的文件位于/myfile/目录中，请尝试使用：/myfile/dundas.css作为CSS的URL。

Answer 2

在尝试解决同样的问题时发现了这个问题。根据{{3}}删除<!DOCTYPE html>为我的问题工作。

Internet Explorer 11未加载外部CSS

2 个答案: