在DIV里面的背景图片上添加超链接

                .loadImg {
                    background-image: url('qq.ico');
                    background-repeat: no-repeat;
                    width: 16px;
                    height: 16px;
                    cursor: pointer;
                }

                    .loadImg a {
                        width: 16px;
                        height: 16px;
                        display: inline-block;
                    }


            </style>
            <div class="loadImg">
                <a rel="nofollow" href="tencent://message/?Menu=yes&uin=2483892623&Site=&Service=201"></a>
            </div>

       display: inline-block;

       inline元素的特点是:
  和其他元素都在一行上;
  高,行高及顶和底边距不可改变;
  宽度就是它的文字或图片的宽度,不可改变。
  <span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元素的例子。

  inline和block可以控制一个元素的行宽高等特性,需要切换的情况如下:

  让一个inline元素从新行开始;
  让块元素和其他元素保持在一行上;
  控制inline元素的宽度(对导航条特别有用);
  控制inline元素的高度;
  无须设定宽度即可为一个块元素设定与文字同宽的背景色。

  display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。

      

 

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页