css - Safari shows buttons as invisible but still clickable (Bootstrap HTML) -



css - Safari shows buttons as invisible but still clickable (Bootstrap HTML) -

i clueless here, i've never seen issue before. have 2 buttons, 1 says 'quote' other says 'order'. on chrome these buttons work , amazingly responsive when window resized button want to, same goes firefox, works great.

safari on other hand totally different story, buttons there , clickable , functional, invisible. see nothing...

here's html code buttons:

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

here's css code buttons:

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

you don't see them on safari can still click on them , work , seem have right sizes... they're invisible.

the difference between chrome , safari buttons invisible on safari can still clicked on, if window resized....

is there work around on safari???

html css twitter-bootstrap

Comments

Popular posts from this blog

Delphi change the assembly code of a running process -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -

C++ 11 "class" keyword -