Safari将按钮显示为不可见但仍可单击(Bootstrap HTML)

时间:2014-10-08 19:22:14

标签: html css twitter-bootstrap

我在这里完全无能为力,我以前从未见过这样的问题。我有两个按钮,一个说'引用'另一个说'订购'。在Chrome上,这些按钮工作得很好,并且在调整窗口大小时响应非常灵敏,按钮外观完全符合我的要求,对于firefox来说也是如此,它的效果非常好。

另一方面,Safari是一个完全不同的故事,按钮在那里,可点击并且功能齐全,但它们是不可见的。我什么都看不见......

这里是按钮的HTML代码:

<a ng-hide="shoppingCartHeader" href="#" ng-click="checkout({{project.id}})" id="btn-complete-btn" class="btn btn-info">Order</a>
        <a style="margin-right:20px;" ng-hide="shoppingCartHeader" href="#" ng-click="quoteRequest({{project.id}})" id="btn-quote-btn" class="btn btn-warning">Quote</a>

这里是按钮的CSS代码:

#btn-complete-btn
{
position:fixed;
right:5px;
bottom:5px;
z-index: 99004;
}

#btn-quote-btn
{
position:fixed;
right:55px;
bottom:5px;
z-index: 99004;
}

你在Safari上看不到它们但是你仍然可以点击它们并且它们工作并且看起来具有正确的尺寸......它们只是不可见。

chrome和safari之间的区别在于,这些按钮在Safari上是不可见的,但即使调整窗口大小,它们仍然可以被点击....

Safari上有解决方法吗?

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题,这导致我进入了此页面。 让我与您分享对我有用的东西。 我创建了一个新类来分配给按钮标签。 在Chrome中没有害处。

 <style>
  .safaribtn {background-color:silver;}
</style>