不動已久的 bug #120,滑鼠移到圖片連結時會出現預覽,但預覽衝出天外。

連結在畫面上部,圖片正常顯示 連結在畫面下部,圖片跑出螢幕

作為 workaround 可以用 UserCSS 將預覽圖 top 固定在 2vh 的位置。

@-moz-document url-prefix("https://term.ptt.cc/") {
  /* https://github.com/robertabcd/PttChrome/issues/120 */
  span[type='bbsrow'] + img[src] {
    top: 2vh !important;
  }
}

缺點是圖片垂直位置永遠固定,而不是原設計的跟隨滑鼠指標,在小圖片時會有差。


附現場 DOM 結構參考,可以在 Chrome DevTools 把 mouseout 事件關掉以便觀察。

預覽圖出現時的 DOM 結構

測試可以用 1400 × 900 的視窗,放一張 576 × 1280 的圖片重現。