Question

我的HTML网站上有一个fxied按钮，它需要另一个链接。我可以将它带到正确的位置，但它会在我的索引页面的滑块后面，在其余的页面上很好。

$(document).ready(function(){

// hide #back-top first
//$(".back-top").hide();

// fade in #back-top
$(function () {
    $(window).scroll(function () {
        if ($(this).scrollTop() > 50) {
            $('.back-top').fadeIn();
        } else {
            $('.back-top').fadeOut();
        }
    });

    // scroll body to 0px on click
    $('.back-top a').click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 500);
        return false;
    });
  });
});

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="back-top floatright" style="display: none; z-index:1000;">

<button onClick="window.open('LINK','_blank')">
  <i class="fa fa-envelope-o fa-lg" aria-hidden="true">
    <font size="4">
      Send Enquiry
    </font>
  </i>
</button>

我尝试使用z-index：-1但没有用。

如果您需要任何信息，请告诉我们。感谢

Answer 1

根据评论，理想情况下，您的CSS不会内联，看起来像这样：

p.back-top {
  display:none;
  z-index:1000;
}

固定按钮在html的滑块后面

1 个答案: