H5 css3背景透明度

背景的透明度

Opacity:0-1;

标准浏览器的写法，内容字体跟着一起有透明度。

Background:rgba(255,2,2,.3) 标准浏览器拥有的，但是元素内容不跟着一起透明。

在ie8一下透明度的写法 filter:alpha(opacity=30);

原文地址：https://www.cnblogs.com/txf-123/p/10827423.html

时间： 2024-11-08 21:48:56

H5 css3背景透明度的相关文章

背景透明度的css3，兼容老版本的浏览器的兼容

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>div.wrap{width:300px;height: 200px;margin: 50px auto;padding-top:100px;line-height: 60px;text-align: cen

CSS3背景 4.1 CSS3背景属性简介 background是一个使用率很高的属性,也是一个十分有用的属性,能帮助设计师实现一些特殊的效果,使用起来也非常简单. 4.1.1 背景的基本属性背景主要包括五个属性: background-color(背景颜色) background-image(背景图片) background-repeat(背景图片展示方式) background-attachment(背景图片是固定还是滚动) background-position(背景图片位置) 可以单独

日常css技巧小结（1）--背景透明度改变对内容无影响

刚开始出现的错误,内容会受到背景透明度改变的影响:如图: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width:300px; height: 300px; margin: 50px auto; line-height:

《图解CSS3——第4章 CSS3背景-2》

4.2 CSS3 背景原点属性 4.2.1 background-origin 属性的语法及参数 background-origin属性主要就是用来决定 background-position属性的参考原点,即决定背景图片定位的起点.在默认情况下,背景图片的background-position属性总是以元素左上角的坐标原点对背景图片进行背景定位.CSS3的background-origin属性将打破这一格局,可以根据自己的需要来改变背景图片的background-position起始位置. 语

CSS自学笔记（11）:CSS3背景和边框

CSS3 背景在CSS3中新增了多个关于背景的属性,可以让我们对背景有了更多更好的操作,减少用第三方工具对背景图片进行修改美化. CSS3中主要是通过定义backgrounp中的各个属性来控制背景(高宽,位置,透明度----). 关于背景的部分常用属性有(*为CSS3中新增属性): 值描述 background-color 规定要使用的背景颜色. background-position 规定背景图像的位置. background-size* 规定背景图片的尺寸. background-rep

CSS控制元素背景透明度总结

方法一:CSS3的background rgba filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000');background:rgba(0,0,0,0.5); 常用的方法是rgba来实现背景透明度兼容ie6 ie7 ie8的做法是用ie的滤镜实现有个小问题就是通过这种方法实现背景透明度的话在ie系列下如果元素需要绑定

从零开始学习前端开发 — 17、CSS3背景与渐变

一.css3背景切割: background-clip:border-box|padding-box|content-box; 作用: 用来设置背景的可见区域 a) border-box 默认值,背景在边框及边框以内的区域可见 b) padding-box 背景在padding及padding以内的区域可见 c) content-box 背景在content区域可见二.背景原点: background-origin:padding-box|border-box|content-box; 作用:

CSS如何设置div背景透明度且兼容性良好

CSS如何设置div背景透明度且兼容性良好: 建议:尽可能的手写代码,可以有效的提高学习效率和深度. 设置对象的透明度在很多网页特效中都有实用,设置对象的透明度并不难,唯一的难点可能就是如何兼容各大主流浏览器,下面就简单介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" cont

h5+css3最简单的图片飞入以及淡入淡出效果

正如很多小伙伴们所知道的,楼主最近在开发移动端的响应式布局的自适应页面了,现在分享一个刚写完的小demo html: <!doctype html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-sca