网易企业邮箱/163企业邮箱

申请热线

  • 电话：028-82002858

YSF-BTN-HOLDER(按钮容器)

这个容器用于固定位置显示一个可点击的按钮，其样式设置如下：

  • position: fixed;:固定定位，相对于浏览器窗口进行定位。
  • max-width:30px; max-height:120px;:最大宽度和高度分别为30像素和120像素。
  • right: 30px; bottom: 24px;:距离右边和底边的距离分别为30像素和24像素。
  • cursor: pointer;:鼠标指针变为手指形状，表示该区域可以点击。
  • overflow: visible; filter: alpha(opacity=100);opacity:1;z-index: 9990;:超出容器范围的内容可见，透明度为1,层叠顺序为9990。
  • 当鼠标悬停在此元素上时，改变透明度为0.95:filter: alpha(opacity=95);opacity:.95;。

YSF-BTN-HOLDER img(图片)

该图片用于显示在按钮容器上，样式设置如下：

  • display: block; overflow: hidden;:显示为块级元素，并且内容超出容器时隐藏。

YSF-BTN-CIRCLE(圆形按钮)

这个圆形按钮默认不显示，当鼠标悬停在按钮容器上时才显示，样式设置如下：

  • display: none; position: absolute; right: -5px; top: -6px; width: auto; min-width: 12px; height: 20px; padding: 0 4px; background-color: #f00; font-size: 12px; line-height: 16px; text-align: center; color: #fff; border-radius: 50%;:默认不显示，绝对定位在右侧，距离右侧5像素，距离顶部6像素。宽度自适应，最小宽度为12像素。高度为20像素，内边距上下各为0,左右各为4像素。背景颜色为红色，文字字体大小为12像素。文本行高为16像素，居中对齐。文字颜色为白色。边框半径为50%,呈现圆形效果。