Показать полный экран с CSS возможно? - PullRequest
Новая
       0

Показать полный экран с CSS возможно?

1 голос
/ 14 ноября 2011

Я хочу знать, возможно ли охватить полноэкранный режим, как я вижу, когда использую клавишу F11. На многих веб-страницах с флеш-памятью этот режим покрытия полноэкранного дисплея присутствует. Если это можно кодировать в css .plПосоветуйте код.спасибо например http://www.flashmo.com/store/view-template-3057.html

Ответы [ 5 ]

2 голосов
/ 14 ноября 2011

Firefox 10 Aurora имеет поддержку полноэкранного API. http://blog.pearce.org.nz/2011_11_01_archive.html

И у WebKit это тоже есть. http://peter.sh/2011/01/javascript-full-screen-api-navigation-timing-and-repeating-css-gradients

Теперь это не универсально.

1 голос
/ 14 ноября 2011

Нет, насколько я знаю, css не может заставить браузер работать в полноэкранном режиме. Однако, если ваш целевой браузер переходит в полноэкранный режим после F11, вы можете перехватить это событие через событие jquery $ (window) .resize.

Подробнее см. http://api.jquery.com/resize/.

1 голос
/ 14 ноября 2011

нет, это невозможно сделать в CSS.

0 голосов
/ 14 ноября 2011

Насколько я знаю, вы не можете переключать полноэкранный режим с помощью CSS. Это лучшее, что я придумал ...

Пример

http://jsfiddle.net/dBd56/

CSS 

.fullscreen{
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999;
    margin:0;
    padding:0;
}

JS 

$('#close').click(function() {
    $('#content').removeClass('fullscreen');
});

$('#fullscreen').click(function() {
    $('#content').addClass('fullscreen');
});

HTML 

<div id="content" class="">
    Show me larger!

    <br />
    <input id="fullscreen" type="button" value="pseudo fullscreen"  />
    <input id="close" type="button" value="close"  />
</div>
0 голосов
/ 14 ноября 2011

Вы не можете работать в полноэкранном режиме, так как флэш-приложение работает в полноэкранном режиме.

...