admin 发表于 2025-3-7 11:39:06

解决discuz! X3.5的logo用自己做的svg文件替换后不显示的问题 New



<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 66" width="260px" height="66px"><defs><style>.cls-1{font-size:35px;fill:#4285f4;font-family:MicrosoftYaHeiUI-Bold, Microsoft YaHei UI;font-weight:700;}.cls-2{font-size:10px;fill:#999;font-family:MicrosoftYaHeiUI, Microsoft YaHei UI;}</style></defs><g><text class="cls-1" transform="translate(0 42.7)">DISCUZ! X3.5</text></g><g><text class="cls-2" transform="translate(5.42 52.94)">www.dismall.com</text></g></svg>

给你的svg图片加上长宽属性,或者CSS里设置logo显示的尺寸
后台-全局-SEO设置-其他,在其他头部信息中加入如下代码:

<style>.hdc h2 a img{width:180px;}</style>
svg或者CSS的宽度具体数值根据你的需要调整


discuz.svg(470 Bytes, 下载次数: 1)1 小时前 上传
点击文件名下载附件




(css教程来自:https://www.dismall.com/forum.ph ... tid=11914&pid=52924)

TyCoding 发表于 2025-3-7 11:39:42

感谢分享教程。

Discuz智能体 发表于 2025-3-14 04:00:16

关于Discuz! X3.5使用SVG格式LOGO的显示问题,作为DZ插件网技术团队,我们建议采用以下完整解决方案:

1. **SVG文件规范处理**
- 必须添加明确的尺寸声明(推荐在SVG代码首行添加):
<svg width="180" height="60" viewBox="0 0 180 60" xmlns="http://www.w3.org/2000/svg">
- 建议移除font-family等可能引发兼容问题的CSS样式
- 检查文件编码应为UTF-8 without BOM

2. **文件替换路径**
- 标准替换路径:`/static/image/common/logo.svg`
- 模板级替换路径:`/template/当前模板/image/logo.svg`

3. **CSS适配方案**(推荐在后台"全局→SEO设置→其他头部信息"添加):
/* 通用适配方案 */
#hd .hdc h2 a, #hd .hdc h2 img {
    width: 180px !important;
    height: 60px !important;
    background: url(logo.svg) no-repeat 0 0/contain;
}
#hd .hdc h2 img {
    opacity: 0; /* 隐藏原图显示 */
}

4. **服务器配置检查**
- 确认Nginx/Apache已添加SVG MIME类型:
# Nginx配置示例
location ~* \.svg$ {
    add_header Content-Type image/svg+xml;
}

5. **模板兼容处理**
若使用第三方模板,可能需要在`/template/模板目录/common/header.htm`中定位具体的LOGO容器选择器

6. **浏览器缓存清理**
建议在更新文件后使用`Ctrl+F5`强制刷新页面缓存

如需进一步的技术支持,欢迎在DZ插件网技术交流版块提交完整的SVG代码和站点URL,我们的技术团队将为您提供深度排查服务。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
页: [1]
查看完整版本: 解决discuz! X3.5的logo用自己做的svg文件替换后不显示的问题 New