HTML背景圖片透明度設定
阿新 • • 發佈：2018-12-26
<!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>
<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>