gpt4 book ai didi

html - Internet Explorer 中出现白色的简单网页

转载 作者:行者123 更新时间:2023-11-28 12:52:49 25 4
gpt4 key购买 nike

我有一个简单的网页,我认为我已经在每个浏览器中测试过了。然后我在 Internet Explorer 中试了一下,它只是显示一个空白的白页。我检查了我的 CSS,寻找 IE 不支持的行,并找到了 background = rgba(some stuff),但这是在 IE 不显示的 div 中。有没有人对可能导致这种情况的原因有任何想法?该网页位于 http://heather.sh/qr下面是我的 HTML。

<head>

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

<script>
function ifUIWebView() {
var is_uiwebview = /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent);
var isChrome = navigator.userAgent.match('CriOS');
if (isChrome) {
var mobile_safari_div = document.getElementById('mobile_safari_div');
mobile_safari_div.innerHTML = mobile_safari_div.innerHTML + '<font size="3" color="black"><b>Chrome does not support contact card download. Please open this page (<a href="http://heather.sh/qr">http://heather.sh/qr</a>) in Mobile Safari.</b></font>';
}
else if (is_uiwebview) {
var mobile_safari_div = document.getElementById('mobile_safari_div');
mobile_safari_div.innerHTML = mobile_safari_div.innerHTML + '<font size="3" color="black"><b>This browser may not support contact card download. If it doesn\'t work, open this page (<a href="http://heather.sh/qr">http://heather.sh/qr</a>) in Mobile Safari.</b></font>';
}
}
</script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>

<div id='topContainer'><img src="photo.jpg" style="visibility:hidden" width="100%"/>

<div id='container'>

<div id='download_button_div'>
<a href="/qr/download-contact/download.php"><img src="Download Contact.png" id='download_button'></img></a>
<div id='mobile_safari_div'></div>
</div>

<script>
ifUIWebView()
</script>

</div>
</div>

</body>

这是我的 CSS:

html, body {
margin: 0px;
padding: 0px;
overflow: hidden;
}
#topContainer{
position: relative;
max-width:400px;
margin: auto;
}
#container{
width: 100%;
max-width: 400px;
height: 100%;
margin: auto;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("photo.jpg");
position:absolute;
top:0px;
}
#download_button {
width: 100%;
}
#download_button_div {
width: 100%;
}
#mobile_safari_div {
background: rgba(255, 255, 255, 0.5);
font-family: 'helvetica';
text-align: center;
}

关于哪些部分与 IE 不兼容有什么想法吗?正如我所说,我已经尝试过并且只能找到 rgba 的东西,所以任何帮助表示赞赏。谢谢!

最佳答案

你应该尝试使用

style = "display: block "而不是 style="visibility:hidden"

我不确定这是否有帮助。

但试试吧

关于html - Internet Explorer 中出现白色的简单网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16790122/

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