Question

导航栏上有一个按钮，点击后会显示一个对话框。我想让这个按钮不可见，每当有人点击放置按钮的地方时，它应该打开一个对话框，即它应该保持完整功能即使它是不可见的。我已经尝试visibility:hidden和display:none但似乎没有任何东西可以提供我想要的结果。这就是小提琴 - https://jsfiddle.net/payalsuthar/58bw712t/5/ 我想隐藏这个小提琴中的按钮，如果我点击按钮所在的位置，它应该显示对话框。提前谢谢。

Answer 1

在这种情况下，您可以使用opacity: 0

Answer 2

然后使用button代替div并为该div定义onclick事件。由于div没有内容，因此它会像隐身一样，仍然可以点击。

<div id="clickMe" style="width:50px;height:50px"></div>

Answer 3

创建一个空白标签而不是按钮，您可以像下面这样实现：

https://jsfiddle.net/58bw712t/10/

<lable id="clickMe">    </lable>

$('#clickMe').click(function() {
  $('#dialog1').dialog({
    buttons: {
      "yes": function() {
        $(this).dialog('close');
      },
      "no": function() {
        $(this).dialog('close');
      }
    }
  });

});

Answer 4

这个怎么样？

https://jsfiddle.net/58bw712t/12/

使appearance无

#clickMe{
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border: none;
   background: none;
   width : 100px;
   height: 100px;
}

Answer 5

您可以尝试以下代码：

#clickMe{
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}

Working demo

Answer 6

试试这个..

#clickMe{
background-color: transparent;
color: transparent;
border: none;
}

Answer 7

#clickMe{
    opacity: 0;
}

这可能会对你有帮助。

Answer 8

JS Fiddle

您可以使用不透明度0隐藏按钮。它是可点击的。

这可能会对你有所帮助。工作示例如下。

`https://jsfiddle.net/manishghec/upvsftyq/2/`

如果这对您有用，请告诉我。

有没有办法隐藏按钮但保留其功能

8 个答案: