时间戳

首页 > 解决方案 > 有谁知道如何在网页横幅上放置一个超链接框以特定于像素的位置，而不是“左”或“右”？

html - 有谁知道如何在网页横幅上放置一个超链接框以特定于像素的位置，而不是“左”或“右”？

问题描述

我需要更改带有超链接的框的位置，该超链接可让我订购产品。当前生成网页横幅的代码如下：

...

<img src="assets/file/home-page-slider/gofogwebbanner.png" width="1470" height="380" border="0" usemap="#map" />
<map name="map">
<div class="banner-text-03-left"><a class="home-slider-button" href="products/anti-viral-room-fogger-200ml-canister" title="Order now">Order now</a></div></map>
...

我知道我可以将“左”更改为“右”，这会将我的超链接框移动到横幅的右侧，但我愿意将它放置在它的位置，如果可以的话，最好放在像素的中间底部附近横幅。

注意：我正在开发 QVS3，并且正在编辑我们已经构建的实时网站。网站链接在这里，当您访问该网站时，有问题的横幅是第一个横幅幻灯片上的“GoFog”广告。链接：https ://www.ehmltd.co.uk/

我敢肯定，对于拥有专业知识的人来说，这就像 ABC 一样，但目前对我来说很难。任何帮助，将不胜感激！我会立即回复所有/任何我能得到的帮助，所以如果您需要更多信息，请随时向我提问。

标签： htmlcssclassweb

解决方案

而不是a<div />里面的<map />使用<area />

<map name="map">
  <area shape="rect" coords="25,25,75,75" href="products/anti-viral-room-fogger-200ml-canister">
</map>
<img src="assets/file/home-page-slider/gofogwebbanner.png" width="1470" height="380" border="0" usemap="#map">

推荐阅读