style 好讀版圖片全覆蓋圓角

This commit is contained in:
2026-05-20 00:26:21 +08:00
parent 6f319bc448
commit 128a0b0fc1
+9 -7
View File
@@ -92,12 +92,6 @@
overflow: visible; overflow: visible;
} }
/* 好讀版內所有圖一致圓角(含 section 內);overlap-style 除外 */
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:not(.overlap-style) img,
body.ebook-ssg2-page.totoga2-page #totoga2-reader .containers > section.ebook-section img {
border-radius: 10px;
}
body.ebook-ssg2-page.totoga2-page #totoga2-reader.chronicle-reader .container:has(img) { body.ebook-ssg2-page.totoga2-page #totoga2-reader.chronicle-reader .container:has(img) {
height: auto; height: auto;
min-height: 0; min-height: 0;
@@ -206,7 +200,7 @@
margin-right: 0; margin-right: 0;
} }
/* 圖片:隨欄寬等比縮放(不裁切、不拉扁 */ /* 圖片:隨欄寬等比縮放#totoga2-reader 內一律 10px 圓角(含 section/四欄內 */
body.ebook-ssg2-page.totoga2-page #totoga2-reader.chronicle-reader img { body.ebook-ssg2-page.totoga2-page #totoga2-reader.chronicle-reader img {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
@@ -215,6 +209,8 @@
object-position: center center; object-position: center center;
display: block; display: block;
box-sizing: border-box; box-sizing: border-box;
border-radius: 10px;
overflow: hidden;
} }
/* 僅圖欄置中:限二/三欄 flex 列,不影響 overlap、四欄 float */ /* 僅圖欄置中:限二/三欄 flex 列,不影響 overlap、四欄 float */
@@ -477,6 +473,12 @@
display: block; display: block;
clear: both; clear: both;
} }
/* overlap 三張重疊圖維持直角(其餘好讀版圖片見上方 chronicle-reader img */
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.overlap-style img {
border-radius: 0;
overflow: visible;
}
</style> </style>
<link rel="stylesheet" href="split-nav.css"> <link rel="stylesheet" href="split-nav.css">
</head> </head>