小功能 代码

    <div class="content-box dock-box">
         <a class="zixun_new" href="http://chat.doyoo.net/WebModule/chat/p.do?c=27975&g=23159&f=58191" style="  width:100%;height:56px;display:block;cursor:pointer;margin-top:62px"> 
        </a>
        <!-- 以上为在图片某一个部门添加点击链接的方法设置一个不显示的div-->
         <ul class="links">
            <li><a href="#div1">出国留学</a></li>
            <li><a href="#div2">大学考试</a></li>
            <li><a href="#div3">高中辅导</a></li>
            <li><a href="#div4">初中辅导</a></li>
            <li><a href="#div5">小学课程</a></li>
            <li><a href="#div6">英语学习</a></li>
        </ul>
       <!-- <ul class="links">
            <li><a href="#tab_1">留学名校</a></li>
            <li><a οnclick="goToLeyu()">大学无忧</a></li>
            <li><a οnclick="goToLeyu()">赢在高中</a></li>
            <li><a οnclick="goToLeyu()">初中进取</a></li>
            <li><a οnclick="goToLeyu()">少儿成长</a></li>
            <li><a οnclick="goToLeyu()">语音学习</a></li>
        </ul>-->
      <!--  修改前的代码 无法跳转-->

        <a target="_blank" href="http://chat.doyoo.net/WebModule/chat/p.do?c=27975&g=23159&f=58191">
            <img class="tel" src="images/im-dock-tel.png">
        </a>
    </div>

红色框框内为添加的链接

2:overflow:hidden的作用是防止子类内容（图片文字）在父类大小框框中溢出 让溢出的内容隐藏  注意：overflow在父类的style中使用

转载于:https://www.cnblogs.com/cheney-cai/p/5949651.html