CSS设置元素的透明度(不透明度)

CSS3 opacity 属性
作用: 设置元素的透明度
语法: 1. object.style.opacity=0.52. opacity: value|inherit;
参数: value: 指定的透明度;从0.0~1.0;inherit: opcity的值从父元素继承;
Demo:

<!DOCTYPE html>
<html>
<head><style> div {background-color:red;opacity:0.1;filter:Alpha(opacity=50); /* IE8 and earlier */}</style>
</head>
<body><div>This element's opacity is 0.5! Note that both the text and the background-color are affected by the opacity level!</div></body>
</html>

CSS设置元素的透明度(不透明度)相关推荐

css设置元素的宽高为整数，为什么有的浏览器解析出来的宽高是小数？
如图: 因为把当前的标签页缩放显示了,所以浏览器会渲染出非整数的盒子尺寸参考文章:css设置元素的宽高为整数,为什么有的浏览器解析出来的宽高是小数? - 孙北吉的回答 - 知乎
CSS设置元素叠加显示
CSS设置元素叠加显示的方式: 方法1:设置负margin: 给元素设置负margin使其移动后原来的位置是不会保留的负margin可以让元素的占用空间变小后面的元素可以覆盖当前的元素 (这里有 ...
php设置背景为透明,css如何设置背景颜色透明？css设置背景颜色透明度的两种方法介绍...
在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置为背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法. 在css中设置背景颜色透明的方法 ...
css如何设置背景颜色透明？css设置背景颜色透明度的两种方法介绍
在网页布局中有时为了网页的整体美观,可能需要将网页中的某些部分设置为背景颜色透明,那么如何设置背景颜色透明呢?本篇文章就来给大家介绍一下css设置背景颜色透明的方法. 在css中设置背景颜色透明的方法 ...
css 设置元素背景为透明
要设置某一元素的背景为透明,在 chrome .firefox.opera 下是这样的: background-color: rgba(0, 0, 0, 0.4); rgba 中的最后一个参数 0.4 ...
CSS设置元素内边距（padding）、外边距（margin）
设置元素内边距padding 所有的 HTML 元素基本都是以矩形为基础. 每个 HTML 元素周围的矩形空间由三个重要的属性来控制: padding(内边距):它围绕着内容的空间. margin(外 ...
html5中底部对齐怎么写,css设置元素底部垂直对齐
css中怎么让div里面的文字底部对齐两种办法,第一种可以作为默认选择.两种办法都可以让文字底部对齐. css如何使div里面的文字垂直对齐页面里有五段文字/图片,我想使每个部分的文字,像旁边的图 ...
css设置元素网页高度自适应,css高度自适应如何实现？css高度根据内容自适应的简单方法...
在进行网页开发时,可能会遇到这样的情况,网页中的内容会超出你原先设置的高度或者宽度,这时就需要实现高度自适应或者宽度自适应,下面这篇文章将给大家来介绍关于css高度自适应. PS:css宽度自适应的介 ...
CSS设置元素隐藏的4种方法
方法一 display:none <!DOCTYPE html> <html lang="en"> <head><meta charset ...

CSS设置元素的透明度(不透明度)

CSS设置元素的透明度(不透明度)相关推荐

最新文章

热门文章