Question

当按钮放在背景图像上时不可点击吗？

HTML：

SearchDatabaseView

CSS：

SearchBarView

该按钮显示在背景图像上，但不可单击。

Answer 1

我在JS Fiddle中复制了您的代码，其工作原理...这个问题可能与图像div有关，因此请尝试将z-index添加到negative的图像div中，然后通过添加click事件进行测试按钮

访问JSFIDDLE HERE

Answer 2

这在这里工作正常。请使用此代码。

HTML：-

ini_set("allow_url_fopen", TRUE);
ini_set("allow_url_include", TRUE);

$context = [
            'http' => [
                    'method' => 'GET',
                    'header' => 'User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.47 Safari/537.36',
                ],
            ];
$context = stream_context_create($context);
$data = file_get_contents('https://www.instagram.com/p/CDq1KJPJcTN/?__a=1', false, $context);
echo $data;

CSS：-

    <div class="container">
  <div class="page-header section-dark" style="background-image:  url('assets/img/5514.jpg'); filter: brightness(200%)">
    <button onClick="alert('test')" class="btn">Button</button>
  </div>
</div>
<h1>Text goes here</h1>
</div>
<table style="width:100%">
  <tr>
    <th>Some table</th>
  </tr>
</table>

放在背景图片上的按钮不起作用？

2 个答案: