From 692bf0358a5e93aa868b799afabe275437adcf17 Mon Sep 17 00:00:00 2001 From: JekkiNoopy Date: Wed, 20 May 2026 01:15:32 +0800 Subject: [PATCH] =?UTF-8?q?fix=20=E6=96=87=E5=AD=97=E4=B8=8A=E5=9C=96?= =?UTF-8?q?=E4=B8=8B=E8=88=87overlap?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- totoga2/readable 260519.html | 121 ++++++++++++++++++++++------------- 1 file changed, 77 insertions(+), 44 deletions(-) diff --git a/totoga2/readable 260519.html b/totoga2/readable 260519.html index f197d25..a6cab26 100644 --- a/totoga2/readable 260519.html +++ b/totoga2/readable 260519.html @@ -444,7 +444,45 @@ /* border-left: 5px solid var(--primary); */ } - /* overlap：左／右欄各 50%（float）；中圖 absolute 置中放大、不佔欄寬 */ + /* 文字在上、左右圖在下（不套用三欄 flex） */ + body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.readable-text-then-images { + display: block; + width: 100%; + } + + body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.readable-text-then-images::after { + content: ""; + display: table; + clear: both; + } + + body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.readable-text-then-images>.container11 { + width: 100%; + float: none; + clear: both; + } + + body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.readable-text-then-images>.container31 { + float: left; + width: 50%; + box-sizing: border-box; + } + + body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.readable-text-then-images>.container33 { + float: right; + width: 50%; + box-sizing: border-box; + } + + body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.readable-text-then-images>.container31 img, + body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.readable-text-then-images>.container33 img { + width: 100%; + max-width: 100%; + height: auto; + display: block; + } + + /* overlap：float 三欄相疊；左右各 50%；中圖用 margin 四向微調（勿改寫成僅 margin-left） */ body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.overlap-style .container31 { float: left; width: 50%; @@ -462,15 +500,12 @@ } body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.overlap-style .container32 { - position: absolute; - left: 50%; - top: 0; - transform: translateX(-50%); - width: auto; - max-width: none; + float: left; + width: 46%; + position: relative; z-index: 3; - margin: 0; - pointer-events: none; + margin-left: -12%; + margin-right: -8%; } body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.overlap-style::after { @@ -490,16 +525,15 @@ } body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.overlap-style .container32 img { - width: auto; - max-width: min(52vw, 22rem); + width: 42%; + max-width: none; height: auto; display: block; - margin: 0; - transform: scale(1.15); - transform-origin: center top; + position: relative; + z-index: 3; + margin: -2.5rem 0 0 0; border-radius: 0; overflow: visible; - pointer-events: auto; } @@ -736,11 +770,8 @@ -
-
- 哥得自己畫截圖 -
-
+
+

隊長幫腔聯手逗弄

@@ -752,8 +783,10 @@

+
+ 哥得自己畫截圖 +
- 哥得自己畫截圖
@@ -790,6 +823,29 @@
+
+
+
+

我是水晶男孩的高志溶

+

+ 表演完〈請記得我〉，台下瘋狂揮舞著氣球，大喊著高志溶。高志溶在台上正式問候：「大家好，我是水晶男孩的高志溶！」小黃們聲嘶力竭地大喊著：「我們很想你！」

+

+ 看著台下小黃，高志溶無法輕易回答，想到小黃苦苦地等待，他不禁紅了眼眶，久久說不出話來...台下小黃安慰地應援著：「不要哭！高志溶！」「沒關係！高志溶！」當高志溶每次想開口時都和忍著哭的粉絲對視，所以一直說不出話... +

+
+
+
+
+

殷隊的體貼與釋懷

+

殷志源為了讓他緩和，主動開口：「志溶在各位的喜愛下度過了 20 + 代初期，但他現在跟大家一樣過著平凡的生活...他能做出這個艱難的決定，我們都很感謝...他現在百感交集說不出話...」

+

準備好開口後，高志溶說：「剛才心情非常複雜，和大家重逢真的很開心，沒想到現在還有這麼多人會來呢！16 + 年來，好像第一次六個人同台，讓我想起了最後的舞台...」小黃們發出了不捨的嘆息聲。聽到了短暫的心得後，殷志源逗著他說：「不管怎麽說，我想他要多上一點節目才行！」讓高志溶笑出來緩解緊張感。 +

+
+
+
+
@@ -982,29 +1038,6 @@
-
-
-
-

我是水晶男孩的高志溶

-

- 表演完〈請記得我〉，台下瘋狂揮舞著氣球，大喊著高志溶。高志溶在台上正式問候：「大家好，我是水晶男孩的高志溶！」小黃們聲嘶力竭地大喊著：「我們很想你！」

-

- 看著台下小黃，高志溶無法輕易回答，想到小黃苦苦地等待，他不禁紅了眼眶，久久說不出話來...台下小黃安慰地應援著：「不要哭！高志溶！」「沒關係！高志溶！」當高志溶每次想開口時都和忍著哭的粉絲對視，所以一直說不出話... -

-
-
-
-
-

殷隊的體貼與釋懷

-

殷志源為了讓他緩和，主動開口：「志溶在各位的喜愛下度過了 20 - 代初期，但他現在跟大家一樣過著平凡的生活...他能做出這個艱難的決定，我們都很感謝...他現在百感交集說不出話...」

-

準備好開口後，高志溶說：「剛才心情非常複雜，和大家重逢真的很開心，沒想到現在還有這麼多人會來呢！16 - 年來，好像第一次六個人同台，讓我想起了最後的舞台...」小黃們發出了不捨的嘆息聲。聽到了短暫的心得後，殷志源逗著他說：「不管怎麽說，我想他要多上一點節目才行！」讓高志溶笑出來緩解緊張感。 -

-
-
-
-

安可：世界上最感動的結局