Fullscreen API изменения цвета по умолчанию

Question

Я использую fullscreen api и цвет по умолчанию для границы черного цвета, как видно на этом снимке:

Изображение из http://blogs.sitepointstatic.com/examples/tech/full-screen/index2.html.

Я хочу изменить этот цвет фона на другой цвет. Предполагая, что div имеет id #content, я попытался использовать

#content::backdrop { 
    background-color: red; 
} 

но это не сработало для меня.

Как изменить цвет?

Answer 1

Вам необходимо использовать псевдокласс класса :fullscreen с информацией о продавце. Вы можете увидеть хороший учебник с примером here и docs here.

Я добавил следующее your example и он работал на меня:

#myimage:fullscreen { 
    background-color: green; 
    width: 100vw; 
    height: 100vh; 
} 

#myimage:-webkit-full-screen { 
    background-color: green; 
    width: 100vw; 
    height: 100vh; 
} 

#myimage:-moz-full-screen { 
    background-color: green; 
    width: 100vw; 
    height: 100vh; 
} 

#myimage:-ms-fullscreen { 
    background-color: green; 
    width: 100vw; 
    height: 100vh; 
}