div透明度设置怎么弄

目前,DIV+CSS来制作网页是非常流行的。如何设置div透明度,以使网页变得更加漂亮呢?接下来我简单讲解下。

操作方法

  • 01

    1.样式代码 #layout { position:absolute; top:50px; width:500px;  background:#fff; filter: alpha(opacity=70); opacity: 0.7;} 1.弹出窗口出现灰色透明背景,内容层不能操作.

  • 02

    定义两个层:<div style="background:red; filter: alpha(opacity=45); opacity:0.45; position:absolute;top:0px;left:0px; width:100%; height:100%;"></div><div style="position:absolute;">内容</div>

  • 03

    2.用下面的样式表定义你的层 .alpha { filter: alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100}

  • 04

    解释:Opacity=开始的不透明度(100的话就不透明了) FinishOpacity=结束的不透明度(100的话就不透明了) Style=样式,从0开始,1.2.3....有均匀透明啊,放射形状透明啊...

  • 05

    StartX=开始透明的X坐标,基本上为图片、层的左上角(0) StartY= 开始透明的Y坐标,基本上也为图片、层的左上角(0) FinishX=结束透明的X坐标,基本上也图片、层的右下(图片、层的宽度) FinishY=结束透明的Y坐标,基本上也为图片、层的右下角(图片、层的高度)

  • 06

    <html> <head> <title>alpha</title> <style>//*定义CSS样式*// <!-- DIV{position:absolute;left:50;top:70;width:150;} //*定义DIV区域内的样式(位置为绝对定位,left、top、width的坐标)*// img{position:absolute;top:20;left:40; filter:alpha(opacity=80)} //*定义图片的样式,绝对定位,滤镜属性是透明度为80*// --> </style> </head> <body> <DIV> <pstylepstyle=“font-size:48;font-weight:bold;color:red;”> Beautiful</p>//*定义字体属性,前景色为红色*// </DIV> <p><imgsrcimgsrc=“ss01076.jpg”></p> //*导入一张图片*// </body> </html>

(0)

相关推荐

  • 斗鱼TV弹幕怎么设置透明度?弹幕透明度设置方法与步骤

    有很多网友问“斗鱼TV弹幕怎么设置透明度?”相关的问题,脚本之家整理了“斗鱼TV弹幕怎么设置透明度?”相关的解决方案,大多数用户都有:请问斗鱼TV弹幕怎么设置透明度?这样的问题,如下就是脚本之家整理的 ...

  • win7系统怎么设置任务栏透明度 win7任务栏透明度设置图文教程

    win7系统怎么设置任务栏透明度?很多人看到别人的win7电脑任务栏是透明的一样,与整体结合看起来很和谐,而自己的却一点都不透明.那么,我们怎么设置win7任务栏透明呢?下面以win7旗舰版为例来给大 ...

  • 2018英雄联盟设置怎么弄?2018LOL设置教学?

    大家都是玩英雄联盟的,玩过的就基本知道怎么设置,应该如何设置,以及在设置里面有什么东西需要注意,我们来研究下:2018英雄联盟设置怎么弄?2018LOL设置教学? 操作方法 01 我们来到游戏界面,点 ...

  • sai保护不透明度在哪?sai透明度设置方法

    今天我们就来详细介绍关于sai图层调透明度的方法,很简单的基础教程,请看下文详细介绍. 1.如使用sai中,怎样去调一个图像和图层的透明度,为了示范,先用画笔,在画布上画上一个图形,默认画出来的是没有 ...

  • div怎么设置圆角边框

    我们在开发前端页面的时候,经常会使用到按钮或者div做的按钮,那么我们就会给这个按钮的四个角做一些角度,让div变的更好看,更符合审美一点,那么怎么才能将div设置成圆角呢? 设置四个角的圆角 01 ...

  • div 如何设置高度

    现在的html或者jsp网页的开发很流行,其中会用到一个标签叫做div. 今天,小编想在这边给大家介绍一些关于div设置高度的方法 操作方法 01 div设置高度大致可以分为3个方法,方法可以分为以下 ...

  • div 怎么设置背景图片

    这里小编主要用到CSS的一些属性,小编做前端时也是经常用到设置背景图片的问题,那么小编说一些自己常用的方法 操作方法 01 首先创建一个html文件一个css样式表文件,如图 02 在html文件中创 ...

  • css透明度,css图片透明度设置方法

    在一些网站的登录页面上,经常可以发现,一张图片叠加在另一张图片上,底层的图片若隐若现,利用css中的透明属性opacity可以实现这种效果,下面就简单介绍一下怎么写代码 操作方法 01 新建一个HTM ...

  • div怎么设置背景图片

    div是html中的基础元素之一,运用div的时候,为了美观经常会给它添加背景图片.下面小编就给大家分享一下如何给div添加背景图片. 操作方法 01 首先我们打开sublime text软件,新建一 ...