为按钮提供网站反馈的固定位置 CSS

Posted 2023-02-22

【中文标题】为按钮提供网站反馈的固定位置 CSS

【英文标题】：Fixed position CSS for a button to provide website feedback

【发布时间】：2011-07-13 17:11:12

【问题描述】：

我想创建一个将在我的站点上运行的固定位置按钮，可以在左侧或作为弹出面板（请参阅http://uservoice.com/fullservice 以获取屏幕底部的酷弹出按钮）。单击该按钮将启动一个弹出窗口，我的公司使用该窗口提供联系和反馈信息。

这些类型的按钮是否有基本的 CSS 示例？我是一名 JS 人，并且毫无问题地创建了弹出窗口，但我没有 CSS 技能来获取按钮来激活我的窗口。

【参考方案1】：

css 是：

.button 
    position: fixed;
    bottom: 0;
    right: 0; //or left: 0; depending on where you want it to be.

html 是：

<div class='button'> button text here </div>

【参考方案2】：

试试这样的：

#feedback-button 
  position: fixed;
  bottom: 0px;
  right: 0px;