実現したいこと
iframeを使ったhtmlでデジタルサイネージ用の画面を作成したいと考えています。
HTMLを定期的に更新する際、画面が白くフラッシュするとまぶしく感じるので、背景色を黒くしてまぶしさを抑えたいと考えています。
発生している問題・分からないこと
edgeやchromeでは背景色の変更に成功したものの、IE8では白のままで背景色の変更ができません。
詳しい方のお知恵をお借りできれば幸いです。
該当のソースコード
html
1<!DOCTYPE html>2<html lang="ja-jp">3<head>4 <meta charset="UTF-8">5 <meta http-equiv="Pragma" content="no-cache" /><meta http-equiv="cache-control" content=no-cache" /><meta http-equiv="expires" content="0" />6 <meta name="viewport" content="width=device-width, initial-scale=1.0">7 <title>DOCUMENT</title>8</head>9<body>10 11 <iframe src="INFO.htm" frameborder="0" class="inner"></iframe>12 13 <style>14 body{15 background-color: #000000;16 } 17 iframe.inner{18 background-color: #000000;19 width: 100%;20 height:100%;21 border: 1px solid black;22 position: absolute;23 top: 0;24 left: 0;25 }26 </style>27 28 <script type="text/javascript" src="reload.js"></script>29 30</body>31</html>
javascript
1setTimeout(function(){ 2location.reload()},5000);
試したこと・調べたこと
上記の詳細・結果
background-colorをbackgroundにしたり、rgb指定したりしてみましたが変わりませんでした。
補足
inframeのhtmlはエクセルで自動作成されるものなので手を加えることができません。
0 コメント