超链接图像通过CSS没有JS，行动，对象等

希望有人cal帮我解决这个问题我有。超链接图像通过CSS没有JS，行动，对象等

我需要超链接一个图像，将作为CSS中的背景图像。有没有办法做到这一点？

不幸的是我不能使用jQuery，JS，Ajax，Object或任何形式的操作。脚本被100％阻止。

我有权访问HTML，但对于此特定图片，我需要它来自CSS内部并进行超链接。

有没有办法做到这一点？

感谢

丹尼

来源

2016-06-14 CircleOfLinks

您可以设置背景图片使用CSS：

body { 
    background-image: url("paper.gif"); 
    background-color: #cccccc; 
}

但是，如果你需要它也可以超链接（例如，你需要能够点击在技术上，它不再是一个背景图像，因此，你可以尝试一些东西like this，然后将z-index设置为-1。

来源

2016-06-14 04:24:48

我需要超链接的图像将作为背景图像在 CSS。有没有办法做到这一点？

不，你不能链接CSS中的元素。

您可以创建一个标签，并给它一个类

HTML -

<a href="/link" class="background-image"></a>

CSS -

.background-image { 
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    background: url('location/of/your/img.jpg'); 
}

来源

2016-06-14 04:26:33 Mark

是的，你可以做一个链接或通过包木窗一个元素与背景中的链接

<a href="link.html"></a> 


a { 
    display: inline-block; 
    width: 100vw;//change 
    height: 100vh;//change 
    background-image: url("paper.gif"); 
    background-color: #cccccc; 
}

或窗体

<input type="image" src="/files/2917/fxlogo.png" >

来源

2016-06-14 04:27:12 madalinivascu

-1

通过CSS这是不可能完成的input type image。这不是该语言所要做的。你最好的选择是绕过js脚本来关注HTML5属性。

来源

2016-06-14 04:27:57

谢谢你们的回复。

我可能会尝试用上面提到的href包装一个空div，并缩小html。

我遇到的主要问题是我想放置一个签名，并且不希望它通过添加display：none或直接从html中删除来简单禁用。

我目前的方法我使用jQuery并在特定的DIV后添加它，所以用户不能禁用，因为他们没有访问一些核心文件。

我会玩，一些伟大的想法，所以再次感谢您的快速回复:)

来源

2016-06-14 08:36:57 CircleOfLinks

超链接图像通过CSS没有JS，行动，对象等

回答

相关问题