设置背景颜色半透明

时间:2026-02-14 15:55:52

1、打开软件,如下图所示;

设置背景颜色半透明

2、创建一个HTML页面;

设置背景颜色半透明

设置背景颜色半透明

3、在body里面写如下代码;

  <body>

    

    <h1>只是我的执着依然执着</h1>

    <div id="bac"></div>

    <h2>红色</h2>

    <div id="red"></div>

    

  </body>

设置背景颜色半透明

4、在样式里面写如下代码;

<style type="text/css">

 #h{

opacity:0.55;

filter:alpha(opacity=55); 

 }

 #bac{

width:500px;

height:300px;

background:red;

position:absolute;

top:0;

left:0;

opacity:0.5;

filter:alpha(opacity=55); 

 }

 h1{

position:absolute;

top:110px;

left:90px; 

 }

 #red{

float:right;

background:red; 

width:500px;

height:300px;

 }

 h2{

position:absolute;

 top:110px;

 left:1220px;

 }

</style>

设置背景颜色半透明

设置背景颜色半透明

5、运行结果如下,对比;

设置背景颜色半透明

© 2026 一点知道
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com