Question

当您单击我通过CSS插入的图像时，只想知道是否可以在html页面中插入链接。

width : 50%;
height : 40px;
float : left;
background-image:url(Buttons/BTN_NAME.png);
background-repeat: no repeat; 
background-size : 100% 100%;

例如，当我点击显示在Div中的“BTN_NAME”图片时，我已将其插入，如何通过CSS将其链接到“主页”页面？所有人都非常感激。

Answer 1

您的要求不是很清楚，但据我所知，您希望制作一个链接到页面的div clickable。如果是这样，有很多方法可以做到这一点，但你想要它的方式将是这样的。您将css规则放在类似

的类中

.link
{
    width : 50%;
    height : 40px;
    float : left;
    background-image:url(Buttons/BTN_NAME.png);
    background-repeat: no repeat; 
    background-size : 100% 100%;
}

以及带有上述类名

的锚标记

<a class="link" href="page.html">Link text</a>

如果您不希望文本可见，则只需在.link css class

中添加以下属性即可

text-indent:-9999px;

现在图片将链接到“page.html”。

如果您可以通过代码提供更详细的要求，则可能有人可以帮助您找到更好的解决方案。

单击时将从CSS插入的IMAGE链接到另一个页面？

1 个答案: