Question

我在向图片添加超链接时遇到问题。它是一个SVG图像，它是一个对象数据。我似乎无法使超链接工作。我做错了吗？

<div id="logo" class="grid_4">

<object data="img/flogo.svg" type="image/svg+xml" class="logo">
<!--[if lte IE 8 ]-->
<img src="img/flogo.gif" alt="F-Sharp Media Logo">
<!--![endif]-->
</object>
</div>

Answer 1

来自Here和Here ..

<强> CSS：

a.svg {
  position: relative;
  display: inline-block; 
}
a.svg:after {
  content: ""; 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left:0;
}

<强> HTML：

<a href="#" class="svg">
    <object data="img/flogo.svg" type="image/svg+xml" class="logo">
        <!--[if lte IE 8 ]-->
        <img src="img/flogo.gif" alt="F-Sharp Media Logo">
        <!--![endif]-->
    </object>
</a>

添加到对象数据图像的超链接

1 个答案: