Question

目标：
在网页中间有两个可见的按钮，一个在左边，另一个在右边。

问题：
你知道任何可以提供它的jquery吗？

的信息：
*我正在使用Bootstrap 2.
*此网页（https://www.softwareag.com/corporate/rc/rc_perma.asp?id=tcm:16-123797）具有使用“与我们联系”的功能。

Answer 1

查看您提供的示例的源代码。他们的完全HTML 可以为您提供所需的内容。

<a href="/corporate/contact_us/default.asp" title="Contact form intro" class="contact_fixed"><span>Contact Us</span></a>

a.contact_fixed {
  position: fixed;
  top: 24%;
  right: 0;
  width: 40px;
  height: 155px;
  display: block;
  border-radius: 10px 0px 0px 10px;
  background: #80BD01 url('/images/b/contact_vertical.png') no-repeat center center;
}

他们使用图片来模拟旋转的文字。 span里面有display:none;，可能是为了帮助屏幕阅读器。

您想要的CSS的主要部分是：position:fixed; height:...; width:...; right:0; top:...;。 http://jsfiddle.net/daveSalomon/Ltzzawfj/

页面左侧和右侧可见的图片

1 个答案: