ie8治疗方案遮罩

src/components/Treat/index.jsx

@@ -40,13 +40,16 @@ class Treat extends Component {
     render(){
         const { generalTreat, treatment, surgeryTreat, selectDrug, drugInfo, treatDesc, setOtherRecommend, setDrugInfo, showDrug, showDrugInfo,hideDrugInfo, title} = this.props;
         return(
-        <div className={style['treat-mask']}>
+        <div>
+            <div className={style['treat-mask']}>
+            </div>
+
             <div  id='treatWrapper' className={style['treat-wrapper']}>
                 
                 <div className={style['treat-box']}>
                     <p className={style['treat-title']}>治疗方案 <img onClick={this.hideTreat} src={close}/></p>
                     <div className={style['treat-inner-box']}>
-                        <GeneralTreat icon={generalIcon} title='一般治疗' titleBg='rgba(47,199,156,0.1)' filter='progid:DXImageTransform.Microsoft.gradient(startColorstr=#192FC79C,endColorstr=#192FC79C)' generalTreat={generalTreat}></GeneralTreat>
+                        <GeneralTreat icon={generalIcon} title='一般治疗'   generalTreat={generalTreat}></GeneralTreat>
                         <DrugTreat treatment={ treatment } 
                                 selectDrug={selectDrug} 
                                 setOtherRecommend={ setOtherRecommend } 
@@ -71,8 +74,10 @@ class Treat extends Component {
                 </TreatDesc>}
                 {showDrug && drugInfo && <DrugInfo drugInfo = {drugInfo} hideDrugInfo = {hideDrugInfo}></DrugInfo>}
             </div>
+                
             
         </div>
+        
         )
     }
 }

src/components/Treat/index.less

@@ -9,6 +9,7 @@
     height: 680px;
     margin-left: -340px;
     margin-top: -340px;
+    z-index: 301;
 }
 .treat-mask {
     position: fixed;
@@ -16,7 +17,7 @@
     height: 100%;
     top: 0;
     left: 0;
-    z-index: 9999;
+    z-index: 300;
     background: #000;
     opacity: 0.6;
     filter:alpha(opacity=60);