CSS合作伙伴

<ul class="lb_select">
                    
        <li><a><img width="199" height="74" alt="JMC" src="images/76fcd5f83f8e.jpg"></a></li>
              
        <li><a><img width="199" height="74" alt="HTV" src="images/1e2a86d32e2d.png"></a></li>
              
        <li><a><img width="199" height="74" alt="江西电视台" src="images/af812fa70288.jpg"></a></li>
              
        <li><a><img width="199" height="74" alt="绿滋肴" src="images/bd65e70aa254.jpg"></a></li>
              
        <li><a><img width="199" height="74" alt="e家食品" src="images/4fef3bb98560.jpg"></a></li>
              
        <li><a><img width="199" height="74" alt="毛工" src="images/eb2f5c7feb64.jpg"></a></li>
              
        <li><a><img width="199" height="74" alt="通亿塑料包装" src="images/fe02f44b1d56.jpg"></a></li>    
 </ul>

.lb_select{ width:100%; overflow:hidden;padding-bottom:18px;} 
.lb_select li{ float:left; width:199px; height:74px; padding:3px; border:1px solid #e2e2e2; margin:1px; background-color:#fff;} 
.lb_select li img{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.5333 0.5333 0.5333 0 0 0.5333 0.5333 0.5333 0 0 0.5333 0.5333 0.5333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%); FILTER:gray;} 
.lb_select li:hover img{ FILTER:none;overflow-y:none;-webkit-filter:grayscale(0); } 
.lb_select li.sel_rno{ margin-right:0px;}