web 透明渲染

web 透明渲染，实现dom任意节点以任意透明度绘制到窗口上，以满足实际开发中特殊效果的需要。
下载(25.1MB)： http://oltag.com:8080/yaolixing/18/11/00/OHUIv52.0.1_3_webTrans.rar界面代码：
view plaincopy to clipboardprint?
·········10········20········30········40········50········60········70········80········90········100·······110·······120·······130·······140·······150       
      
    <?xml version="1.0"?>  
    <?xml-stylesheet href="chrome://global/skin" type="text/css"?>  
    <?xml-stylesheet href="chrome://global/content/xul.css" type="text/css"?>  
    <?xml-stylesheet href="chrome://xulApp/skin/index.css" type="text/css"?>  
      
       
    <xul:window id="test-window" title="XUL APP"   
            xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"  
            xmlns:xbl="http://www.mozilla.org/xbl"  
            xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"  
            xmlns:svg="http://www.w3.org/2000/svg"  
            xmlns:html="http://www.w3.org/1999/xhtml"  
            xmlns="http://www.w3.org/1999/xhtml"  
            drawintitlebar='true'  
            onload='onload()'  
            >  
      
      <script type="application/javascript" src="chrome://xulApp/content/js/common.js" />  
      <script type="application/javascript" src="chrome://xulApp/content/js/global.js" />  
      <script type="application/javascript" src="chrome://xulApp/content/js/index.js" />  
       
       
     <xul:tooltip id="aHTMLTooltip" page="true"/>  
        <xul:hbox flex="1">  
            <xul:vbox width="2" style="background-color: grey;overflow: hidden;">  
                <xul:resizer dir="topleft"  style="cursor: nw-resize;"/>  
                <xul:resizer dir="left" flex="1" style="cursor: w-resize;"/>  
                <xul:resizer dir="bottomleft" style="cursor: sw-resize;"/>  
            </xul:vbox>  
            <xul:vbox  flex="1" >  
                <xul:vbox height='2px' style="background-color: grey; overflow: hidden;"><xul:resizer  dir="top"  style="cursor: n-resize;"/></xul:vbox>  
                <xul:vbox flex="1">  
                   <xul:hbox  id='tbar'>  
                        <xul:hbox class='toolbar' >  
                            <xul:label id="appicon" flex='1'/>  
                            <xul:label id='apptitle' >XUL APP</xul:label>  
                        </xul:hbox>  
      
                        <xul:hbox class='toolbar' flex="1"><spacer id="titlebar-spacer" flex="1"/></xul:hbox>  
      
                        <xul:hbox class='toolbar' >  
                            <xul:label id="minimize" flex='1' tooltiptext="最小化"/>  
                            <xul:deck class='toolbar-split'/>  
                            <xul:label id="maximize" tooltiptext="最大化"  />  
                            <xul:deck class='toolbar-split'/>  
                            <xul:label id="close" tooltiptext="关闭"  title="关闭" />  
                        </xul:hbox>  
                    </xul:hbox>  
        
                    <xul:hbox flex="1" style='background-color:transparent!important;'>   
       
    <xul:hbox flex="1" style="vertical-align:middle;color:#303030;font:normal 22px 方正静蕾简体,华文行楷,楷体_GB2312,arial, tahoma, helvetica, sans-serif;font-weight:100;border:0px solid red;">  
    <div style=' display:table-cell;align:center;padding:20px 10px 20px 10px;'>  
    <marquee direction='up' scrolldelay='500' style='height:600px;overflow: hidden;border:0px solid green;'>  
      
      
    那一夜，我听了一宿梵唱，不为参悟，只为寻你的一丝气息。  
      
    那一月，我转过所有经轮，不为超度，只为触摸你的指纹。  
      
    那一年，我磕长头拥抱尘埃，不为朝佛，只为贴着了你的温暖。  
      
    那一世，我翻遍十万大山，不为修来世，只为路中能与你相遇。  
      
    那一瞬，我飞升成仙，不为长生，只为佑你平安喜乐。  
      
    那一天，那一月，那一年，那一世  
      
      
      
      
      
    那一天  
      
    闭目在经殿的香雾中  
      
    蓦然听见  
       
    你诵经的真言  
      
      
      
      
      
    那一月  
      
    我转动所有的经筒  
      
    不为超度  
      
    只为触摸你的指尖  
      
      
      
      
      
    那一年  
      
    我磕长头匍匐在山路  
      
    不为觐见  
      
    只为贴着你的温暖  
      
      
      
      
      
    那一世  
      
    我转山转水转佛塔呀  
      
    不为修来世  
      
    只为在途中与你相见  
      
      
      
      
      
    天空中洁白的仙鹤  
      
    请将你的双翅借我  
      
    我不往远处去飞  
      
    只到理塘就回  
      
      
      
      
    </marquee>  
    </div>  
    </xul:hbox>  
      
                    </xul:hbox>  
      
                    <xul:hbox>  
                    <xul:deck flex="1">  
                    <xul:statusbar flex="1" id="statusbar"><xul:statusbarpanel flex="1">Ready</xul:statusbarpanel></xul:statusbar>  
                    </xul:deck>  
                    </xul:hbox>             
                  
                  
        </xul:vbox>  
                <xul:vbox height='2px' style="background-color: grey; overflow: hidden;"><xul:resizer  dir="bottom" style="cursor: s-resize;"/></xul:vbox>  
            </xul:vbox>  
            <xul:vbox width="2" style="background-color: grey; overflow: hidden;">  
                <xul:resizer dir="topright" height="1" style="cursor: ne-resize;"/>  
                <xul:resizer dir="right" flex="1" style="cursor: e-resize;"/>  
                <xul:resizer dir="bottomright" height="1" style="cursor: se-resize;"/>  
            </xul:vbox>  
        </xul:hbox>  
       
      
       
       
    <xul:keyset>  
    <xul:key id="key1" modifiers="control" key="Q" oncommand="alert('你按了快捷键crtl+Q')"/>  
    <xul:key id="key2" modifiers="control alt" key="C" oncommand="alert('你按了快捷键crtl+alt+C')"/>  
    <xul:key id="key3" keycode="VK_F5" oncommand="location.reload();" />  
    </xul:keyset>  
       
    </xul:window>  
      
       [web transparent render]