图片加文字的链接兼容IE chrome FF

<style type="text/css">
<!--
BODY 
{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;FONT: 12px/1.75 宋体,arial,sans-serif}
UL 
{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
LI 
{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;LIST-STYLE-TYPE: none}
IMG 
{ BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: middle; BORDER-RIGHT-WIDTH: 0px}
a
{ color: #333333; text-decoration: none; }
.pt100 
{
    PADDING-LEFT
: 111px
}

.ulPic
{ WIDTH: 106px }
.ulPic IMG 
{ BACKGROUND: #fff; border: 1px solid #d7d7d7; vertical-align: top; padding: 2px; }

.ulPic LI .tit 
{ BACKGROUND: #f5f5f5; OVERFLOW: hidden; CURSOR: pointer; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: center; display: block; }
.ulPic LI A:hover 
{
    ZOOM
: 1
}
.ulPic LI A:hover IMG 
{
    BORDER-RIGHT
: #c00 1px solid; BORDER-TOP: #c00 1px solid; BORDER-LEFT: #c00 1px solid; BORDER-BOTTOM: #c00 1px solid
}
.ulPic LI A:hover .tit 
{
    COLOR
: #c00; TEXT-DECORATION: underline
}
</STYLE>

 

 

 <DIV class="pt100">

<UL class="ulPic ptPic">
  <LI><href="http://bbs.pcauto.com.cn/topic-2831650.html" target=_blank><IMG 
  
height=75 alt=迈腾1.8T提车记 src="pc.files/1_3.jpg" width=100><SPAN 
  
class=tit>迈腾1.8T提车记</SPAN></A> </LI></UL>
<UL class=ulTxt><LI></LI></UL>
</DIV>
posted on 2011-11-01 12:00  小小池  阅读(216)  评论(0编辑  收藏  举报