css设置背景透明的方法:首先新建文件,在div写上对应的样式;然后为div添加opacity样式,透明效果实现了,父div的背景图可以投射出来。
本教程操作环境:windows7系统、css3版,DELL G3电脑。
css设置透明背景的方法:
1、先写些测试代码,测试HTML很简单,就是二个div,一个嵌套在另一个里面,代码如图。
2、然后为二个div写上对应的样式,如图,都是一些比较基础的css代码,为了显示透明效果,我们在样式为p1的div里,添加了一张背景图。
3、先看下还没添加透明效果的页面。
4、要添加透明效果,我们可以为div添加opacity样式,这是css2的做法,代码如图,添加了一个样式规则.opacity,并在p2 div里加上这个样式名
5、看下设置了透明效果的页面。
透明效果是实现了,父div的背景图可以投射出来。但有一个缺陷,就是div上的文字变模糊了,因为也有了透明效果。
相关学习推荐:css教程
作者:coldplay.xixi
本篇文章给大家带来的内容是介绍如何仿花瓣网实现静态登陆页面?(代码实例)。有一定的参考价值,有需要的朋友可以参考一下,希...
Angular是怎么进行样式隔离的?下面本篇文章就来和大家一起聊聊angular的样式隔离实现机制,希望对大家有所帮助!angular 以组件...
javascript实现魔方效果的方法:1、创建一个HTML文件;2、创建需要的div块;3、通过css和js代码“for(var n = 0; narr.length; n...
1、 button type=button rel=drevil data-content=报名截止时间:'+time+' data-container=body data-toggle=po...
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。2011年,twitter的“一小撮”工...
Vue 自动创建的快捷键是 v-model。这个快捷键可以将表单输入元素(input、textarea、select 等)和 Vue 实例中的数据进行双向绑...
1.Application CacheHTML5引入应用缓存,意味着web应用可以进行缓存,即使在没有网络的情况下也能使用。application cache有三个...
在css中,可以使用filter属性来改变图片颜色,例如:使用“filter:grayscale(%);”将图片设置为黑白、“filter: sepia(%);”将图...