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

Discuz! 官方交流社區

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

采用[ tbody][ attach]3374[/attach ][ /tbody]
(, 下載次數: 22)   
可是不能跟隨圖片寬度，應該怎么解決，怎么給圖片增加一個跟隨圖片寬度的邊框，如同高度那樣自適應
作者: 天外飄仙    時間: 2025-1-23 14:24
簡單點兒, 直接用 js 給img標簽 加css代碼
作者: 科站網    時間: 2025-1-23 14:27
  1. .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
這個路徑呢

后臺，全局，其他頭部信息
代碼之前多了.
完整入下
  1. <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里加干嘛

感覺，已經解決
(, 下載次數: 11)
  1. /* 通用圖片邊框（帖子內容、縮略圖） */
  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. }

  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. }
復制代碼

或者
  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. }
復制代碼

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




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