怎么給上傳的圖片添加邊框

ysx24

在非白底模板或者非白底背景的帖子，如果上傳的圖片是白色會(huì)顯得非常突兀，與帖子顯得格格不入
給圖片外緣邊框就能多少緩解這個(gè)問題

采用[ tbody][ attach]3374[/attach ][ /tbody]
  
可是不能跟隨圖片寬度，應(yīng)該怎么解決，怎么給圖片增加一個(gè)跟隨圖片寬度的邊框，如同高度那樣自適應(yīng)

1 貢獻(xiàn)

最佳答案

ysx24 發(fā)表于 2025-1-23 15:16
template/default/forum/viewthread.htm
這個(gè)路徑呢

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

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

復(fù)制代碼

• 科站網(wǎng)
• 發(fā)表于2025-1-23 15:18:43
• 詳細(xì)答案 >

可樂不加冰

ysx24

科站網(wǎng) 發(fā)表于 2025-1-23 16:01
CSS往js里加干嘛

感覺，已經(jīng)解決

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

復(fù)制代碼

或者

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

復(fù)制代碼

天外飄仙

ysx24 發(fā)表于 2025-1-23 15:45
頁面錯(cuò)位了，應(yīng)該是和哪個(gè)js沖突吧

我再找下原因

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

科站網(wǎng)

CSS往js里加干嘛

ysx24

科站網(wǎng) 發(fā)表于 2025-1-23 15:18
后臺(tái)，全局，其他頭部信息
代碼之前多了.
完整入下

頁面錯(cuò)位了，應(yīng)該是和哪個(gè)js沖突吧

我再找下原因

ysx24

科站網(wǎng) 發(fā)表于 2025-1-23 15:18
后臺(tái)，全局，其他頭部信息
代碼之前多了.
完整入下

我再試試

ysx24

科站網(wǎng) 發(fā)表于 2025-1-23 14:27
#cdcdcd換成自己喜歡的顏色

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

科站網(wǎng)

ysx24 發(fā)表于 2025-1-23 15:16
template/default/forum/viewthread.htm
這個(gè)路徑呢

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

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

復(fù)制代碼

ysx24

科站網(wǎng) 發(fā)表于 2025-1-23 14:27
#cdcdcd換成自己喜歡的顏色

template/default/forum/viewthread.htm
這個(gè)路徑呢