Я работаю над проектом, в котором мне нужно создать приложение Flex, которое заполняет все окно браузера (обратите внимание, что я имею в виду, что панели инструментов должны быть видны и все это, даже если я говорю в полноэкранном режиме).
Для разработки SWF я использую FlashDevelop (впервые) и застрял. Когда я строю проект, он не отображает ошибку и генерируется файл website.swf. Когда я просматриваю этот файл с помощью Firefox, он отображает то, что я хочу, и в полноэкранном режиме. Однако когда я перехожу к сгенерированному index.html, в верхней части экрана появляется белая горизонтальная полоса (снова окно браузера).
Я немного осмотрелся в Интернете и обнаружил, что несколько человек предлагают включить в CSS такие вещи, как:
<style type="text/css">
html, body { margin:0; height:100%; overflow:hidden; }
body { margin:0; height:100%; width:100%;}
</style>
Но это меня не порезало, у меня все еще есть белая полоса. Я пробовал поля, верх, ширину, высоту и границу, но ничего не работает.
В других руководствах показано, как сделать полноэкранный SWF-файл, как в эквиваленте Firefox F11, что не является тем, что я хочу (и он по-прежнему отображает раздражающую белую полосу, когда я нажимаю F11: ().
РЕДАКТИРОВАТЬ : Кроме того, когда я помещаю дополнительную строку над div «altContent» с надписью «Blub», эта строка будет отображаться на белой полосе.
Для полноты, HTML, так как я ожидаю, что это будет проблемой:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Website</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="en" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script src="js/swfobject.js" type="text/javascript"></script>
<script type="text/javascript">
var flashvars = {
};
var params = {
menu: "false",
scale: "noScale",
allowFullscreen: "true",
allowScriptAccess: "always",
bgcolor: "#FFFFFF"
};
var attributes = {
id:"Website"
};
swfobject.embedSWF("Website.swf", "altContent", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>
<style type="text/css">
html, body { margin:0; height:100%; overflow:hidden; }
body { margin:0; height:100%; width:100%;}
</style>
</head>
<body>
<div id="altContent">
<h1>Website</h1>
<p>Alternative content</p>
<p><a href="http://www.adobe.com/go/getflashplayer"><img
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"
alt="Get Adobe Flash player" /></a></p>
</div>
</body>
</html>