<menu id="u2y6m"></menu>
<tt id="u2y6m"><rt id="u2y6m"></rt></tt>
  • <input id="u2y6m"></input><tt id="u2y6m"><blockquote id="u2y6m"></blockquote></tt>
    <bdo id="u2y6m"><small id="u2y6m"></small></bdo>
  • <blockquote id="u2y6m"><optgroup id="u2y6m"></optgroup></blockquote>
  • 溫馨提示×

    瀏覽器css透明屬性opacity

    發布時間:2020-07-18 13:33:10 來源:網絡 閱讀:566 作者:隨__風 欄目:開發技術

    大家知道css opacity屬性背景透明是常有的事,發現有時候居然存在瀏覽器不兼容問題,后經過查找嘗試發現如下能使瀏覽器兼容不再有問題。有兼容問題的不妨一試。

    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8" /> 
    <title>半透明演示Demo</title> 
    <style> 
    .div-a{ background:url(286743.jpg) no-repeat;width:100%;height:768px;padding:10px} 
    .div-b{ background:#F3E109;width:50%;height:50%;padding:5px;color:green; filter:alpha(Opacity=10);-moz-opacity:0.1;opacity: 0.1} 
    /*這里加上-moz-opacity 可使瀏覽器新老版本兼容 大家會發現去掉-moz-opacity  一些瀏覽器效果不變的 但是某些版本瀏覽器可就不一定了*/ 
    </style> 
    </head> 
     
    <body> 
    <div class="div-a"> 
    <div class="div-b">半透明演示Demo</div> 
    </div> 
    </body> 
    </html>

    opacity 半透明屬性:filter:alpha(Opacity=10);-moz-opacity:0.1;opacity: 0.1


    免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

    免費撥打  400 100 2938 免費撥打 400 100 2938
    24小時售后技術支持 24小時售后技術支持
    返回頂部 返回頂部
    <menu id="u2y6m"></menu>
    <tt id="u2y6m"><rt id="u2y6m"></rt></tt>
  • <input id="u2y6m"></input><tt id="u2y6m"><blockquote id="u2y6m"></blockquote></tt>
    <bdo id="u2y6m"><small id="u2y6m"></small></bdo>
  • <blockquote id="u2y6m"><optgroup id="u2y6m"></optgroup></blockquote>
  • 一本久道久久综合丁香五月_免费视频禁止18以下禁止观看_日本japanese熟睡人妻_成熟闷骚女邻居引诱2