Javascript 不工作,包含图像的可单击div

Javascript 不工作,包含图像的可单击div,javascript,html,css,Javascript,Html,Css,我正在尝试使包含图像的div可单击。我已经尝试了所有的技术(并且承认它不应该真正在css中完成),并且也在其他地方寻找任何线索 起初我认为这是因为我没有将div的大小设置为图像的大小,但我仍然无法使其正常工作 任何想法都将不胜感激。我正在尝试的页面如下:http://...,即尝试使灯塔图形可点击(使用任何技术)。JavaScript解决方案 在div上使用onclick属性 <div onclick='something()'>content</div> JavaSc

我正在尝试使包含图像的div可单击。我已经尝试了所有的技术(并且承认它不应该真正在css中完成),并且也在其他地方寻找任何线索

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

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

JavaScript解决方案 在
div
上使用
onclick
属性

<div onclick='something()'>content</div>
JavaScript解决方案 在
div
上使用
onclick
属性

<div onclick='something()'>content</div>

您只需使用
style
属性中的
id=“pagetext”
更改
div
左边距的
padding left
,一切都会正常工作

<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>








您只需使用
style
属性中的
id=“pagetext”
更改
div
左边距
padding left
,一切正常

<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>








嗯,我不知道我怎么会想到这一点!非常感谢你。如果你想解释的话,我还不知道为什么?再次感谢!我只看到
填充
正在移动
div
但仍保留空间,而
边距
正在移动
div
但为其他属性和设置释放空间。(填充移动,但将层保留在层上),边距移动,但也将层移动)。我希望解释得很好:)好吧,我不知道我怎么会明白!非常感谢。如果你想解释的话,我还不知道为什么?再次感谢!我只是看到
填充
移动了
div
,但仍然保留了空间,
边距
移动了
div
但为其他属性和设置释放空间。(填充移动,但将层保留在层上),边距移动,但也将层移动)。我希望解释得很好:)