CSS留档|底栏样式和升顶按钮

2025年2月10日#t55

AI 翻译

这篇文章通过AI由英语翻译成中文。查看原文

AI 生成的摘要

這段代碼主要是針對網頁的樣式設計，包括一個返回頂部的按鈕和頁腳的樣式。返回頂部的按鈕使用背景圖片，設置了固定的寬度和高度，並在桌面端啟用。頁腳則設置了相對位置和背景圖片，並在頁面上方顯示。整體上，這些樣式旨在提升用戶界面的可用性和美觀性。

精简样式源代码的时候准备删掉的 (留个备份档
非原创，但做了些许修改

~~侧栏的飞天哈基米~~
建议只在桌面端启用

  .xlog-back-to-top {
  background: url('ipfs://bafkreidu3jruq7af7k5mtimmodtrsg4322yobr346l3x7jljen3xflflny') center/cover;
  width: 70px;
  height: 900px;
  margin-top: 0;
  opacity: 1;
  border: none;
  right: 50px;
}
.xlog-back-to-top.xlog-fab-inactive {
  transform: translate(0, -900px);
  display: block;
}
.xlog-back-to-top i {
  display: none;
}

Footer 的胖次

footer {
    position: relative;
    margin-top: 260px;
}
footer:before {
    content: ' ';
    background: url(ipfs://bafkreigq3m2bj76jl7abz6i5rlzegutcrfc2j2nqkcypksbeyu67fsymoy) no-repeat center;
    height: 368px;
    width: 100%;
    display: block;
    position: absolute;
    top: -295px;
    left: 0;
}