0

我正在尝试将图像贴在页面左侧,例如“提供反馈”按钮:

http://www.hotscripts.com/category/scripts/php/

我有以下 HTML 代码(我有其他代码,但只是为了展示一个示例):

<img id="btn" class="btn" src="cl.png" height="161" width="34" alt="clear" />

和以下CSS:

#btn {
    display: block;
    position: fixed;
    left: 0;
    top: 54%;
    z-index: 100001;
    width: 34px;
    height: 168px;
    margin: -45px 0 0;
    padding: 0;
    cursor: pointer;
}

由于某种原因,当我滚动页面时它不会产生相同的效果。我必须使用另一个 DIV 并包装按钮吗?

4

2 回答 2

2

您是否在标记中指定了 DOCTYPE 声明?这应该有效:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 

将此添加到文档的顶部。

于 2012-08-07T18:24:14.530 回答
0

另一种解决方案是使用“粘性”位置。

您可以在此处查看 CodePen 上的代码。或以下:

.outer { 
  display: flex;
  height: 100vh;
  width: 100%;
}
.inner {
  height: 100px;
  width: 60px;
  position: sticky;
  top: 54px;
  left: 0;
}

<div class="outer style-one">
  <div class="inner style-two">
    <div class="style-three">
      <a href="#">Feedback</a>
    </div>
  </div>
<div>
于 2018-09-22T14:17:28.267 回答