gpt4 book ai didi

html - 如何在必须在 Internet Explorer 8 上运行的简单页面上解决此 Twitter BootStrap 问题?

转载 作者:行者123 更新时间:2023-11-28 07:19:15 25 4
gpt4 key购买 nike

我有以下问题:我创建了这个非常简单的 HTML\CSS 页面,它使用 Twitter BootStrap CSS 框架(它被放入 JSP 页面中,但这并不重要):

<html>
<head>
<link href="<c:url value="resources/css/style.css" />" rel="stylesheet">

<link href="<c:url value="resources/css/bootstrap.css" />" rel="stylesheet">
<link href="<c:url value="resources/css/bootstrap-theme.css" />" rel="stylesheet">



<title>Login Page</title>

</head>

<header>
<div class="container">
<img src="resources/img/logo2.png" class="logo">


<div id="login-box">

<c:if test="${not empty error}">
<div class="error">${error}</div>
</c:if>

<form class="form-inline" name='loginForm' action="<c:url value='/j_spring_security_check' />" method='POST'>
<div class="form-group">
<label class="sr-only" for="exampleInputEmail3">Email address</label>
<input type='text' name='username' class="form-control" id="exampleInputEmail3" placeholder="Nome Utente">
</div>

<div class="form-group">
<label class="sr-only" for="exampleInputPassword3">Password</label>
<input type='password' name='password' class="form-control" id="exampleInputPassword3" placeholder="Password">
</div>

<!-- <button type="submit" class="btn btn-default">Sign in</button> -->
<input id="ricorda" name="submit" type="submit" class="btn btn-default" value="login" />

<br>

<div class="checkbox">
<label>
<input type="checkbox"> Remember me
</label>
</div>
</form>
</div>

</div>
</header>

<body onload='document.loginForm.username.focus();'>
<jsp:include page="header.jsp"/>
<div id="intestazione">
<h1 align="center">WIFI e PNSD</h1>
</div>
<div id="login-box">

<h3>Accesso al sistema</h3>

</div>
<jsp:include page="footer.jsp"/>

<script type="text/javascript" src="webjars/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="webjars/jquery/2.1.1/jquery.min.js"></script>

</body>
</html>

它在 FireFox 和最新版本的 Explorer 中运行良好,问题是该页面在 Internet Explorer 8 中也必须运行良好,尝试使用此浏览器我遇到了很多问题。

使用IE开发者工具,使用IE8兼容模式,似乎看不到header标签,为什么?

如何尝试解决这种情况并在 IE-8 上正确使用 BootStrap?

谢谢

最佳答案

IE8 不支持 Html5,因此您必须“手动”将它们添加到 DOM 中。你可以使用下面的js,把它添加到你的头上。要了解更多信息,您可以在 this blogpost 中阅读

    <!--[if lt IE 9]>
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
</script>
<![endif]-->

关于html - 如何在必须在 Internet Explorer 8 上运行的简单页面上解决此 Twitter BootStrap 问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32177928/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com