首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

css只设置背景图片半透明,css 设置背景色或图片半透明的方法(图文)

css设置背景颜色半透明或者设置背景图片半透明,但有的时候只需要设置最外层的div为半透明里面的内容不需要设置 下面介绍一下这两种情况 1.设置html元素你面内颜色和图片都为半透明状态支持IE浏览器...#000; opacity: 0.5; filter: progid:DXImageTransform.Microsoft.alpha(opacity=50); } 2.设置html元素最外层的颜色为半透明...startcolorstr=#7F000000,endcolorstr=#7F000000);/*#7F000000的前两位为16进制透明度,后六位为16进制颜色*/ } 下面给出上面两种情况的测试代码: 设置背景半透明...#7F000000的前两位为16进制透明度,后六位为16进制颜色*/ } aafaa sdfsd red aafaa sdfsd red css背景半透明的设置效果图如下

2.5K10

【CSS】CSS 总结 ③ ( CSS 背景设置 | 背景颜色 | 背景图片 | 背景图片平铺样式 | 背景图片位置 | 超大背景图片设置 | 背景附着 | 背景样式简写 | 背景半透明 ) ★

一、CSS 背景设置 1、背景颜色 CSS 的背景颜色样式语法 : 默认的背景颜色是 transparent 透明 ; background-color:颜色值; background-color 属性...可滚动的 还是 固定的 ; 使用 背景附着 的前提也是必须 提前设置 背景图片 , 背景图片设置语法如下 : background-image: url(images/xxx.jpg); 背景附着 语法如下...与 网页内容 绑定 , 网页滚动时 , 背景图像也进行滚动 ; fixed : 背景图像 固定 , 滚动网页时 , 背景图像位置保持不变 ; 7、背景样式简写 使用 CSS 样式设置 盒子 背景时 ,...没有进行强制定义 , 这里 建议按照如下顺序进行编写 : 背景颜色 背景图片 背景平铺 背景滚动 背景位置 8、背景半透明 背景半透明设置 可以 使用 rgba 颜色值设置半透明背景 ; 下面的 CSS...省略 0.x 前面的 0 , 直接使用 .x 作为透明度值 , 如 : background: rgba(0, 0, 0, .2); 背景半透明 指的是 盒子的背景设置为半透明 , 可以看到下面的内容

81210

修改wordpress背景带像素点的颗粒半透明点阵效果

修改wordpress背景带像素点的颗粒半透明点阵效果 作者:matrix 被围观: 3,560 次 发布时间:2013-09-13 分类:Wordpress 兼容并蓄 | 一条评论 »...这里所谓的带像素点的颗粒效果如图, 远观效果(点击扩大): 放大后: 刚开始还以为只是一层背景,原来是在大图背景的表面上覆盖一层处理的2*2像素图片作为首层背景,也就是两层图片覆盖而达到现在的效果...其次高一点的是第三行的bg1的z-index 属性-1,如果不标注z-index层级会导致bg1背景方块浮与搜索框和LOGO的上方从而鼠标hover完全没有反应。...shareid=1970702697&uk=3238236832 附另外的像素背景图片: 2、http://pan.baidu.com/s/1u12j8 3、http://pan.baidu.com/...经孙华博客的说明此效果为:半透明点阵,四分之一非透明图片的repeat效果 非常漂亮!

59430

【Android】设置透明、半透明等效果

android:layout_height="wrap_content"       android:textColor="#ffffff" />   2、用ARGB来控制 Java代码  半透明...android:background="#00000000" />   ``` 3、设置alpha Java代码  View v = findViewById(R.id.content);//找到你要设透明背景的...  v.getBackground().setAlpha(100);//0~255透明度值            android 窗体透明的,黑暗度等的设置技巧 设置透明度(这是窗体本身的透明度,非背景...getWindow().addFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND); dimAmount在0.0f和1.0f之间,0.0f完全不暗,1.0f全暗 设置背景模糊...WindowManager.LayoutParams.FLAG_BLUR_BEHIND, WindowManager.LayoutParams.FLAG_BLUR_BEHIND); 以上设置对dialog对话框同样有效       Activity的透明、半透明效果的设置

3.3K40

jQuery 教程:简单的遮罩弹窗效果

遮罩弹出效果就是网页中背景变成半透明,然后在屏幕中间出现一个菜单之类的东西。这种效果在网上很常见,例如:QQ空间浏览相册等。这种效果的好处就是,可以让用户聚焦到弹出的菜单中。...遮罩用到了两个 div ,一个作为背景,要覆盖整个网页,另一个是内容显示层,通常要居中处理。...特别要注意一点,背景层的半透明使用的是 opacity 属性,因为使用这个属性可以更好的用 jQuery 来控制。但是 fixed 、opacity 都是早期 IE 浏览器不支持的。...jQuery 代码 分析一下遮罩的交互操作,无非就是点击弹出,然后点击一下遮罩,消失。那么就直接对 CSS 进行操作即可。...具体的代码和实现方式,请看这篇文章:简单的jQuery弹出遮罩层。 差不多就是这样吧,至于内容层的展示之类的,就靠你根据具体内容自由发挥了。 ----

1.6K20

基础渲染系列(十二)——半透明阴影

本文重点: 支持cutout阴影 使用抖动 近似半透明名阴影 半透明和cutout阴影之间切换 这是关于渲染的系列教程的第12部分。在上一部分中,我们实现啦渲染半透明表面,但是尚未覆盖它们的阴影。...这两种模式是半透明的,而不是cutoff。因此,它们的阴影也应该是半透明的。在这种情况下,让我们在“My Shadows”中定义一个方便的SHADOWS_SEMITRANSPARENT宏。 ?...(抖动 游泳) 如何在半透明的表面上接收阴影呢? Unity不支持在半透明表面上投射阴影。因此,使用“Fade”或“Transparent”渲染模式的材质将不会接收阴影。但cutoff效果很好。...3 优化半透明阴影 考虑到半透明阴影的局限性,你可以不使用它们。通过其“Mesh Renderer”组件的“Cast Shadows”模式完全禁用对象的阴影。...(带有cutout阴影的 Fade模式) 3.1 半透明 可切换化 要再次启用半透明阴影,我们必须为其添加一个选项到我们的自定义着色器UI中。

3.2K40
领券