当前位置：首页> 正文

css设置背景透明度|css背景图设置透明度

css背景图设置透明度

css隐藏元素是网页编写常用的方式，根据我的经验总结了以下几种css隐藏元素的方法.萊垍頭條

opacity頭條萊垍

opacity属性的隐藏方法主要是将元素透明度opacity设置为0，从而在视觉上就隐藏了元素，但是元素本身依然占据的着原有空间。頭條萊垍

浏览器支持来说 IE8以以及更早的版本需要使用filter属性代替，如: filter: Alpha(opacity=80)。萊垍頭條

语法: opacity: value|inherit;萊垍頭條

value: 透明值。可取值有 0.0 （全透明）和 1.0（不透明）。萊垍頭條

inherit：从父元素集成opacity属性的值。萊垍頭條

其规定使用的CSS版本为 CSS3條萊垍頭

JavaScript上的opacity使用方法: object.style.opacity=80。萊垍頭條

使用示例：萊垍頭條

.hide { opacity: 0;}

display萊垍頭條

display属性的隐藏方法主要是将元素display值设置为none，将其不可见，连盒子模型也不生成，甚至连也不占用原有空间，使用该属性为none时用户对该元素的操作将不可用。萊垍頭條

其规定使用的CSS版本为 CSS1。萊垍頭條

JavaScript上的display隐藏时方法: object.style.display="none"。頭條萊垍

JavaScript上的display显示时方法: object.style.display="除none的其他值" 條萊垍頭

display的属性值包含有: "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及 "inherit"。萊垍頭條

使用示例：萊垍頭條

.hide {萊垍頭條

display: none;條萊垍頭

}萊垍頭條

如果使用jQuery对带有display: none;的元素进行显示/隐藏使用: $('.element').show() / $('element').hide();萊垍頭條

position萊垍頭條

position属性的隐藏方法主要是将元素定位出可视区域，从而达到隐藏效果。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。萊垍頭條

该属性的值包含有: absolute，fixed，releative，static，inherit。垍頭條萊

其规定使用的CSS版本为 CSS2。頭條萊垍

JavaScript上的absolute隐藏时方法: object.style.position="absolute" ,object.style.top="-99999px",object.style.left="-99999px"。條萊垍頭

使用示例：萊垍頭條

.hide {萊垍頭條

position: absolute;頭條萊垍

top: -99999px;萊垍頭條

left: -99999px;頭條萊垍

}萊垍頭條

visibility頭條萊垍

visibility属性的隐藏方法主要是在使用动画效果时使用，将该值设置为 hidden将隐藏元素及其子孙元素，如，我们需要鼠标移动到元素后显示子元素，可在元素的hover样式设置元素（或其子孙元素）的visibility的值为visible即可。萊垍頭條

该属性的值包含有:visible，hidden，collapse，inherit。頭條萊垍

其规定使用的CSS版本为 CSS2。萊垍頭條

JavaScript上的absolute隐藏时方法: object.style.visibility="hidden"。垍頭條萊

使用示例：萊垍頭條

.hide {萊垍頭條

visibility: hidden;萊垍頭條

}萊垍頭條

.show條萊垍頭

{垍頭條萊

visibility: visible;萊垍頭條

}條萊垍頭

overflow條萊垍頭

overflow属性的隐藏方法主要是, 使用超出隐藏的方法。萊垍頭條

使用示例：垍頭條萊

.overflow萊垍頭條

{條萊垍頭

overflow: hidden;萊垍頭條

}條萊垍頭

html设置背景图透明度

1、首先新建一个html文件，写入基本的html结构，这里写入两个h2标签，其中一个将设置为透明字体，另一个保持不变：2、接下来给第二段字体设置透明色，在上方加入style标签，给第二个h2标签里的元素设置样式，文字颜色包含透明度的属性是rgba，里面有4个参数，前三个是红绿蓝三色的数值，最后一个参数代表透明度，取值从0到1，设为1就是不透明了，这里设置为0.7即可：3、最后保存文件来到浏览器，就可以看出效果了，有透明色的字体明显要比没加透明的字体要淡一些。以上就是设置 html 字体颜色为透明色的方法：萊垍頭條

css 背景图透明度

在word中，表格的底纹颜色是无法实现透明效果，透出背景的。表格标题栏的底纹挡住了背景，不是很好看。萊垍頭條

再看看表格底线的填充设置，并没有提供颜色透明度的设置选项。所以通过这个路径设置表格底纹的半透明效果是行不通的。萊垍頭條

解决办法一：利用大小一致的矩形做底纹頭條萊垍

1. 表格所有单元格无填充，然后绘制一个与要充填底纹的单元格大小一致的矩形。萊垍頭條

2. 矩形设置为无线条颜色，填充设置为相应的半透明颜色。形状的填充设置是提供透明度选项的。萊垍頭條

3. 矩形的“自动换行”设置为“衬于文字下方”；矩形的位置选项设置为“对象随文字移动”和“锁定标志”，目的是当上下文有改动时，让矩形紧随表格移动萊垍頭條

4. 对于一些复杂的填充，比如间隔一行填充一个颜色，则需要绘制多个矩形，操作是比较耗时的。由于表格与矩形是不能组合的，虽然说矩形已经锁定标记且随文字移动，但在有些情况下，上下文变化了，可能还是需要调整矩形，以使表格与矩形重合。垍頭條萊

css设置背景色透明度

html中设置背景和背景颜色的透明度有两种方式：

1.通过rgba方式设置

例如： background:rgba(0,0,0,.5);

优点：可对任意颜色设置透明度

缺点：存在兼容性问题：针对IE9以下浏览器不兼容

2.通过backgroud和opacity设置

例如：background:#000000;

opacity:0.6;

优点：兼容性好

缺点：只针对于背景颜色设置透明度。

css背景图设置透明度在哪

1、首先我们新建一个html文件，添加一个DIV，设置宽度和高度，以及背景色填充为红色。萊垍頭條

2、然后在父级DIV中插入一个子DIV，定义它的宽高，以及背景色。萊垍頭條

3、然后我们添加一个透明度的代码（opacity:0.6）。萊垍頭條

4、在图层的上方，有个不透明度，我们把PS中图层不透明度设置为60%。萊垍頭條

5、把刚才的背景色和不透明度代码删除，换个代码【background-color:rgba(255,255,255,0.6);】。垍頭條萊

6、其中255,255,255就是PS中的拾色器里的数值。頭條萊垍

css图片背景透明度

1、新建一个空白flash文档，然后在文件中执行导入中的导入到库命令，准备将的位图素材进行导入。頭條萊垍

2、打开“导入到库”窗口，在该窗口中找到位图图片存放的位置，然后鼠标单击选中执行打开命令。萊垍頭條

3、打开“库”窗口，在库窗口中单击选中导入的位图素材，拖动鼠标左键不松将其移动到舞台合适位置。萊垍頭條

4、选中舞台上的位图素材，执行修改菜单栏中的分离命令，或者直接按快捷键Ctrl+B进行分离操作，将位图素材打散。萊垍頭條

5、选择套索工具，在绘图工具箱下方找到魔术棒设置按钮，单击打开魔术棒设置对话框，设置阈值数值为20，平滑选项中选择平滑。萊垍頭條

6、在套索工具下选择魔术棒，然后鼠标左键单击位图素材的背景，然后按delete键删除选中的背景。條萊垍頭

7、适当放大场景的显示比例，选择橡皮擦工具，选择一个较小的圆形橡皮擦，将不干净的边缘小心的擦除掉。最终得到透明背景的图片素材。萊垍頭條

css背景图透明度怎么设置

1、创建一个html文件；頭條萊垍

2、在html文件找到一个<body>标签，在这个标签里创建一个<div>标签并添加一个类，在这把这个类设置为：rgba；萊垍頭條

3、为div添加样式。在<title>标签后面创建一个<style>，在<style>标签里设置rgba类的高和背景透明度的样式（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，透明度参数越小透明度越高；萊垍頭條

4、保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色；萊垍頭條

5、所有代码。可以把所有代码复制到新建的html文件上，保存好后使用浏览器打开借口看到效果。頭條萊垍

css背景图设置透明度不变

可以是使用属性opacity 值越大越不透明，0是完全透明萊垍頭條

css 图片背景色设置为透明

你可以这样用： $('.class').css('opacity', '0.5'); opacity 代表的是透明度，你可以用 jQuery 游走你想要的元素并设定不懂可以私信问我详细萊垍頭條

css 设置背景透明

设置背景颜色的代码就是background-color:颜色值,即可. 下面我们一起来看下具体的代码吧: 首先在html中创建一个元素,这个元素需要是块级元素,如果不是的话,我们需要改变元素为块级 1:块级元素设置背景颜色: 创建div块级元素,然后在行内写上background-color:red,即可设置背景颜色为红色 2.行内元素设置背景颜色: 我们创建一个a标签,然后将标签改为块级元素,代码"display:block"然后设置背景颜色即可,代码"background-color:green",此案例设置背景颜色为绿色以上就是html中设置背景颜色的方法 background-color: background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。萊垍頭條

如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。萊垍頭條

展开全文阅读