您的位置：首页 > Web前端 > HTML

HTML背景图片透明度设置

2017-12-18 20:11 288 查看

<!DOCTYPE html>

<html>

<head>

    {% csrf_token %}

    {% load staticfiles %}

    {% load bootstrap3 %}

    {% bootstrap_css %}

    {% bootstrap_javascript %}

    <title>movie</title>

    <style type="text/css">

        .bodystyle{

        filter:alpha(opacity=20);

        -moz-opacity:0.2;

        -khtml-opacity: 0.2;

        opacity: 0.4;

        height:100%;

        width:100%;

        position:absolute;

        }

        body{text-align:center}

        h1{text-align:center;}

    </style>

</head>

<body>

    <div class="bodystyle">

    <img src="{% static "images/3.jpg" %}" width=100% height=100%></div>

    <div style="position:absolute;">

     <h1>The movie space</h1>

    <div >

        <video src="/static/movie/movie.ogg" width="720px" height="540px" controls="controls">

        Your browser does not support the video tag.

        </video>

    </div>

    </div>



</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航