CSS留檔|底欄樣式和升頂按鈕

2025年2月10日#t52

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;
}