javascript - 不起作用,可点击的 div 包含图像

标签 javascript html css

我正在尝试制作一个包含可点击图像的 div。我已经尝试了 Hyperlinking an image using CSS 上的所有技术(并承认它不应该在 CSS 中完成),并且还在其他地方寻找任何线索。

起初我以为这是因为我没有将 div 的大小设置为图像的大小,但我仍然无法使其工作。

任何想法将不胜感激。我尝试的页面在这里:http://...,即尝试使灯塔图形可点击(使用任何技术)。

最佳答案

您只需将 div 上的 margin-leftpadding-left 更改为 id="pagetext"style 属性中,一切都会正常。

<div id="pagetext" class="animated bounceInDown" style="width: 50%; margin-left: 25%; padding-top: 10px; text-align: center;">
<div class="line"></div>
    <p style="line-height: 20px; margin-top: 10px; margin-bottom: 0px; text-align: justify;"></p>
    <br>
    <br>
    <p style="line-height: 20px; margin-top: 10px; margin-bottom: 0px; text-align: justify;"></p>
    <br>
    <br>
    <p style="line-height: 20px; margin-top: 10px; margin-bottom: 0px; text-align: justify;"></p>
    <br>
    <br>
    <p style="line-height: 20px; margin-top: 10px; margin-bottom: 10px; text-align: justify;"></p>
    <div class="line"></div></div>

关于javascript - 不起作用,可点击的 div 包含图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36283968/

相关文章:

JavaScript onmouseout 没有正确关闭

html - 如何让div的内容不换行?

javascript - 在纯 JavaScript 中删除具有相同类的所有元素

javascript - 当数组较大时,为什么此函数返回 {author : Robert C. Martin, likes: NaN}

javascript - 查看 CSS 是否为 :invalid selector is currently active in JavaScript

html - 视频填充剩余空间,同时与 CSS 保持比例

javascript - 导出 1 和导出多个为 .csv (laravel 5.3)

javascript - Rails 4 的 EJS 不工作

javascript - 从外部窗口中的弹出窗口打开链接,然后关闭原始弹出窗口

html - 100% 宽度 Table & Div 大小不完全一样