• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 范文大全 > 正文

    css解决覆盖父元素透明度的效果_css父元素选择器

    时间:2018-08-11来源:山茶花美文网 本文已影响 山茶花美文网手机站

     CSS 解决覆盖父元素透明度 的效果

    css兼容浏览器的透明度写法
    1.{opacity:0.3;filter:alpha(opacity=30);}
    css是不能做到兼容覆盖透明度的
    如果父元素设置了透明度,那么子元素是不能比父元素的透明度高,所以可以用以下办法实现类似效果

    1.<div id="bgttt" style="opacity:0.3;filter:alpha(opacity=30);position:absolute;left:0;top:0; background:#000;width:100%;height:20px;font-size:12px"></div> <div id="showttt" style="position:absolute;left:0;top:0px; width:100%;height:20px;z-index:10;text-align:center"></div>

    • css解决覆盖父元素透明度的效果_css父元素选择器 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全