css 白色背景如何实现半透明！

根据不同的应用场景和兼容性要求，有多种方法实现背景半透明。

1.在比较现代的浏览器中大多支持背景颜色的rgba颜色。可以如下设置background-color:rgba(255,255,255,0.5)/*背景颜色白色，50%透明度*/

2.使用opacity属性，对已设置background-color的元素设置filter:alpha(opacity = 50);/*兼容ie*/ opacity:0.5;

3.使用白色半透明的png图片。制作一个小的（如10*10）的白色半透明的PNG图片，将该图片设置为背景，设置background-repeat:repeat;

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 9-2.CSS常见技巧
    一、CSS Sprite(雪碧图|精灵图)指什么? 有什么作用 1、css sprite是一种图片处理方法，就是将...
    鸿鹄飞天阅读 435评论 0赞 0
  • 苦行僧
    阴森的厅堂 昏暗的灯光 映着苍白的脸 惊悸不定的心 湿冷的地毯 苦行的僧侣 痉挛的四肢 痛苦的翻滚 一条涎液沿着嘴...
    xueshuai阅读 502评论 2赞 5
  • 争吵的日子
    不可忍受的你我， 那时此刻彼此心间的缺口好似是变大了一点点。 不想要解释， 亦不愿去乞求对方的原谅。 赢得你予我的...
    阿俊xi阅读 483评论 0赞 1
  • 20171116【W6】英语复盘日志
    Unit 3,精读 1.从本篇文章中我学到最重要的概念： （1）Communication can improve...
    138张丹丹阅读 230评论 2赞 2
  • Android中的Looper与epoll
    Android中的Looper与epoll 众所周知，Android的消息队列是通过Looper实现的，但是这与p...
    Penner阅读 13,213评论 5赞 27