• 图片加文字的链接兼容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>
  • 相关阅读:
    transform 多值先后执行顺序
    css 清除浮动
    鼠标移动到图片,图片放大
    js 事件循环机制EventLoop
    web安全
    web前端踩坑记录
    滚动加载图片(懒加载)
    css 兼容问题
    模块化 AMD与CMD 规范
    css 盒子模型 ie盒子模型
  • 原文地址:https://www.cnblogs.com/chixiaojin/p/2231274.html
Copyright © 2020-2023  润新知