我創建了一個 div C。
它的絕對位置設定在 div A 的下邊距和 div B 的上邊距之間。
每個 div 都是一個寬度相同的矩形。
C 比 A 和 B 低。我使用此解決方案是為了通過覆寫 A 和 B 的兩個背景影像之間的接縫來“隱藏”它們的邊距彼此相交的區域。C 本身有一個背景影像。
我使用 Javascript 代碼插入 WP 主題儀表板的正確位置來管理這些設定（Uncode 主題，我沒有使用 Javascript 插件）。
所有瀏覽器都可以（我嘗試了很多瀏覽器，也嘗試了移動版本），但 Firefox 除外。我真的不明白為什么。
代碼是：
var divTop = document.getElementsByClassName("A")[0].clientHeight;
var divWidth = document.getElementsByClassName("A")[0].clientWidth;
var Gap = document.getElementsByClassName("C")[0].clientHeight/2;
document.getElementsByClassName('C')[0].style.top=divTop-Gap ".px";
document.getElementsByClassName('C')[0].style.width=divWidth ".px";
你可以自己驗證： https ://www.dolomitiinebike.it/
該網站在每個瀏覽器中都運行良好，但是用 Firefox 打開它，一切都被破壞了。
uj5u.com熱心網友回復：
我解決了安裝一個用于添加 Javascript 和 Jquery 腳本（JS Inserter）的插件，然后我將代碼從 Javascript 轉換為 Jquery。我添加腳本頁腳部分。該解決方案也與 Firefox 兼容。
var topHeight = jQuery('A').outerHeight();
var width = jQuery('A').outerWidth();
var gap = jQuery('C').outerHeight()/2;
jQuery('C').css({ top : topHeight - gap "px" });
jQuery('C').css({ width : width "px" });
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/476061.html
標籤：javascript css WordPress 火狐