JSFiddle - React, Tailwind, and code Playground

Simple full screen background.

by sujumaku

HTML

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div class="bg"></div>
</body>
</html>

CSS

.bg{
    position:fixed;
    width:100%;
    height:100%;
    background:#333 url(http://dummyimage.com/1024x800/333333/cccccc.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://dummyimage.com/1024x800/333333/cccccc.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://dummyimage.com/1024x800/333333/cccccc.jpg', sizingMethod='scale')";
}