12
返回列表 发帖
楼主: ysx24

[已解决] 怎么给上传的图片添加边框

13

主题

3146

回帖

5349

积分

应用开发者

贡献
372 点
金币
164 个
QQ
发表于 2025-1-23 16:16:52 | 查看全部
ysx24 发表于 2025-1-23 15:45
页面错位了,应该是和哪个js冲突吧

我再找下原因

人家给你的是css代码, 你要放 css里面
回复

使用道具 举报

324

主题

1352

回帖

1862

积分

已臻大成

贡献
12 点
金币
8 个
 楼主| 发表于 2025-1-23 16:24:57 来自手机 | 查看全部
科站网 发表于 2025-1-23 16:01
CSS往js里加干嘛

感觉,已经解决
IMG_20250123_161941.jpg
  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. }

  10. /* Discuz! X3.5 灯箱专用样式 */
  11. .mfp-content .mfp-img {
  12.   border: 3px solid #ddd !important;
  13.   background: #fff !important;
  14.   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
  15. }
复制代码

或者
  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. }
复制代码

回复

使用道具 举报

21

主题

223

回帖

324

积分

炉火纯青

贡献
4 点
金币
20 个
发表于 2025-1-23 19:46:30 | 查看全部
PixPin_2025-01-23_19-45-29.png
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 关注公众号
  • 有偿服务微信
  • 有偿服务QQ

手机版|小黑屋|Discuz! 官方交流社区 ( 皖ICP备16010102号 |皖公网安备34010302002376号 )|网站地图|star

GMT+8, 2025-5-1 00:05 , Processed in 0.041817 second(s), 12 queries , Redis On.

Powered by Discuz! W1.0 Licensed

Cpoyright © 2001-2025 Discuz! Team.

关灯 在本版发帖
有偿服务QQ
有偿服务微信
返回顶部
快速回复 返回顶部 返回列表