下面是html:
<div id="panelpic1">
<a href="https://www.google.com/"style="display:block"target="_blank">
</a>
</div>
CSS:
# panelpic1{
content: url(file:///D:/MOHIT/HTML/images.jpg);
float: left;
width: 250px;
height: 150px;
vertical-align: middle;
}
这是我做的方式,但它不工作。图像是不可点击的。该怎么办?
2条答案
按热度按时间nsc4cvqm1#
这不是最好的方法。下面是一个标准的方法,使图像可点击。
现在,点击后,此图像将重定向到指定URL上。
有很多方法可以做到这一点,从上传到S3/dropbox,再到使用FSCollection(仅适用于节点用户)。
所以在你的例子中,你的代码片段看起来像这样,
mwyxok5s2#
与@mukul-jain的观点一致,我更新了他的回答,并做了一个关键的澄清,因为这个问题和答案对HTML新手来说都很重要。
更新:HTML5中的
img
元素是自关闭的,不需要/
我最想指出的是,HTML5
img
元素***不***需要一个结尾的/
,就像五年前的答案一样。因此,我修改了下面的答案,以符合这一点:请注意,原始答案中
/
位于>
之前,这对于img
元素是不需要的(参见下面的参考资料)。除此之外,他的答案在如何使图像可点击方面是正确的,即,将图像变成链接。支持文档:
干杯干杯干杯