HTML 按钮到大/CSS 不改变大小

html button to big/css not changing the size

本文关键字：改变 CSS 按钮 HTML      更新时间：2023-09-26

我正在用javascipt，html和css制作游戏。 我刚刚开始，游戏的主要挑战之一是在文本下制作不可见的按钮，以使文本看起来可点击。 这是我的代码：

<button type="button" style=visibility:hidden;font-family:monospace;font-size:12px></button>
        	
<script type="text/javascript">
</script>
<p class="p1" style=position:absolute;top:0px;left:0px;font-size:55px;font-family:monospace>
  HI
</p>

该按钮会创建一个空白区域，但它不在正确的位置，显示为 55 像素大。 请帮忙

在我看来，

你应该做这样的事情。您不必担心按钮的位置。

    <style type="text/css">
    .p1 {
        position:absolute;
        top:0px;
        left:0px;
        font-size:55px;
        font-family:monospace
    }
    .nolink {
        text-decoration:none;
        color:#000
    }
</style>

<script>
    function doSomething() {
        alert("say hi");
    }
</script> 

     <p class="p1">   
      HI, this <a class='nolink' href="javascript:void();" onclick="doSomething();return false;">text</a> is clickable
     </p>

小提琴：http://jsfiddle.net/djwave28/usndLuqe/4/

更新了答案。 隔离的 CSS

相关文章：