现在的位置: 首页 > 综合 > 正文

很有用的几个样式解决技巧

2018年01月28日 ⁄ 综合 ⁄ 共 868字 ⁄ 字号 评论关闭

3.跨浏览器最小高度设置      

       

 CSS:.element { min-height:600pxheight:auto !importantheight:600px; }  

 

 

4.Box阴影(CSS3)   
CSS:
box { box-shadow: 5px 5px 5px #666;  -moz-box-shadow: 5px 5px 5px #666;  -webkit-box-shadow: 5px 5px 5px #666; }  

 

5.文字阴影(CSS3)       

CSS:text { text-shadow1px 1px 1px #666; filter: Shadow(Color=#666666, Direction=135, Strength=5); behavior:url(ie-css3.htc)}  

 

6.跨浏览器的CSS透明度 

CSS:.transparent {   

  /* Modern Browsers */ opacity: 0.7;    

 /* IE 8 */     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";    

  /* IE 5-7 */     filter: alpha(opacity=70);   

  /* Netscape */   -moz-opacity: 0.7  

 /* Safari 1 */      -khtml-opacity: 0.7;    

        }  

 

8.删除虚线轮廓      

   

CSS: a:active { outlinenone; }  

 

 

9.圆角

         

CSS:element {   -moz-border-radius: 5px;   -webkit-border-radius: 5px;   border-radius: 5px/* future proofing */  }  

抱歉!评论已关闭.