久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區

標題: 怎么給上傳的圖片添加邊框 [打印本頁]

作者: ysx24 時間: 2025-1-23 13:32
標題: 怎么給上傳的圖片添加邊框
在非白底模板或者非白底背景的帖子，如果上傳的圖片是白色會顯得非常突兀，與帖子顯得格格不入
給圖片外緣邊框就能多少緩解這個問題

采用[ tbody][ attach]3374[/attach ][ /tbody]
(, 下載次數: 32)
可是不能跟隨圖片寬度，應該怎么解決，怎么給圖片增加一個跟隨圖片寬度的邊框，如同高度那樣自適應

作者: 天外飄仙 時間: 2025-1-23 14:24
簡單點兒, 直接用 js 給img標簽加css代碼

作者: 科站網 時間: 2025-1-23 14:27

.ignore_js_op img {border:1px solid #cdcdcd}

復制代碼

#cdcdcd換成自己喜歡的顏色

作者: ysx24 時間: 2025-1-23 15:15

天外飄仙發表于 2025-1-23 14:24
簡單點兒, 直接用 js 給img標簽加css代碼

static/js/common.js
默認模板這個路徑對么

作者: ysx24 時間: 2025-1-23 15:16

科站網發表于 2025-1-23 14:27
#cdcdcd換成自己喜歡的顏色

template/default/forum/viewthread.htm
這個路徑呢

作者: 科站網 時間: 2025-1-23 15:18

ysx24 發表于 2025-1-23 15:16
template/default/forum/viewthread.htm
這個路徑呢

后臺，全局，其他頭部信息
代碼之前多了.
完整入下

<style>ignore_js_op img {border:1px solid #cdcdcd}<style>

復制代碼

作者: ysx24 時間: 2025-1-23 15:24

科站網發表于 2025-1-23 14:27
#cdcdcd換成自己喜歡的顏色

好像不對
我在static/js/common.js
增加 .ignore_js_op img {border:1px solid #cdcdcd} 后
圖片直接消失了

作者: ysx24 時間: 2025-1-23 15:25

科站網發表于 2025-1-23 15:18
后臺，全局，其他頭部信息
代碼之前多了.
完整入下

我再試試

作者: ysx24 時間: 2025-1-23 15:45

科站網發表于 2025-1-23 15:18
后臺，全局，其他頭部信息
代碼之前多了.
完整入下

頁面錯位了，應該是和哪個js沖突吧

我再找下原因

作者: 科站網 時間: 2025-1-23 16:01
CSS往js里加干嘛

作者: 天外飄仙 時間: 2025-1-23 16:16

ysx24 發表于 2025-1-23 15:45
頁面錯位了，應該是和哪個js沖突吧

我再找下原因

人家給你的是css代碼, 你要放 css里面

作者: ysx24 時間: 2025-1-23 16:24

科站網發表于 2025-1-23 16:01
CSS往js里加干嘛

感覺，已經解決
(, 下載次數: 15)

/* 通用圖片邊框（帖子內容、縮略圖） */
.t_f img, .pcb img, .zoom img {
border: 2px solid rgba(0, 0, 0, 0.15) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
border-radius: 4px !important;
background: #f8f9fa !important; /* 非透明背景解決白色融合問題 */
padding: 4px !important;
box-sizing: border-box !important;
}
/* Discuz! X3.5 燈箱專用樣式 */
.mfp-content .mfp-img {
border: 3px solid #ddd !important;
background: #fff !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
}

復制代碼

或者

img[id^="aimg_"] {
border-radius: 10px;
max-width: 100%;
vertical-align: middle;
box-shadow: 0 0 20px 0px rgb(0,0,0,.2);
}

復制代碼

作者: 可樂不加冰 時間: 2025-1-23 19:46
(, 下載次數: 15)

歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/)

久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线