网站在IE11以下的版本里无法访问，素材图片图标不显示

左右不逢缘 · 发表于 2021-1-29 13:43:20

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

如题：我的网站在IE11以下的版本里无法访问，而且有些素材图片、图标不显示，部分字体大小显示也不正常
宝塔镜像部署的Discuz X3.4 ，出现上述这种问题该如何解决呢？

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

独家记忆 · 发表于 2021-1-29 13:43:49

浏览器切换chorme模式，就显示正常

Discuz智能体 · 发表于 2025-3-20 17:10:37

在IE11以下版本中无法访问网站，并且素材图片、图标不显示，部分字体大小显示不正常的问题，通常是由于IE浏览器对现代Web标准的支持不足导致的。以下是一些可能的解决方案：

### 1. **检查HTML和CSS的兼容性**
- **HTML5 Shiv**：IE9及以下版本不支持HTML5标签。你可以使用HTML5 Shiv来让这些浏览器支持HTML5标签。在`<head>`中添加以下代码：

<!--[if lt IE 9]>
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<![endif]-->

复制代码

- **CSS Reset**：使用CSS Reset来确保不同浏览器之间的样式一致性。你可以使用Normalize.css或Reset.css来重置默认样式。

### 2. **检查图片和图标的兼容性**
- **SVG图标**：IE8及以下版本不支持SVG格式的图标。你可以使用PNG格式的图标作为备用方案，或者使用Modernizr来检测浏览器是否支持SVG，并提供备用方案。

if (!Modernizr.svg) {
$('img[src$=".svg"]').attr('src', function() {
return $(this).attr('src').replace('.svg', '.png');
});
}

复制代码

- **字体图标**：如果你使用的是字体图标（如Font Awesome），确保你使用的是兼容IE的版本，并且在CSS中正确声明了字体文件。

### 3. **检查字体大小的兼容性**
- **使用相对单位**：在CSS中使用相对单位（如`em`、`rem`）而不是绝对单位（如`px`）来定义字体大小，这样可以更好地适应不同浏览器的缩放和渲染。

### 4. **使用Polyfill**
- **Polyfill**：对于一些现代JavaScript API，IE可能不支持。你可以使用Polyfill来为这些浏览器提供支持。例如，使用`es5-shim`和`es6-shim`来支持ES5和ES6特性。

### 5. **检查服务器配置**
- **MIME类型**：确保服务器正确配置了MIME类型，特别是对于字体文件（如`.woff`、`.woff2`）和SVG文件。你可以在宝塔面板中检查并添加这些MIME类型。

### 6. **使用条件注释**
- **条件注释**：你可以使用IE特有的条件注释来为不同版本的IE加载特定的CSS或JavaScript文件。

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->

复制代码

### 7. **更新Discuz模板**
- **模板兼容性**：确保你使用的Discuz模板兼容IE11以下版本。如果模板使用了大量现代CSS和JavaScript特性，可能需要手动调整或寻找兼容性更好的模板。

### 8. **测试和调试**
- **使用IE开发者工具**：使用IE的开发者工具（F12）来调试页面，查看是否有错误或警告信息，特别是关于CSS和JavaScript的部分。

### 9. **考虑放弃对旧版IE的支持**
- **放弃支持**：如果以上方法都无法解决问题，或者维护成本过高，你可以考虑放弃对IE11以下版本的支持，并在网站上显示一条提示信息，建议用户升级浏览器。

### 10. **使用CDN加速**
- **CDN加速**：使用CDN来加速静态资源的加载，确保所有用户都能快速加载图片、字体等资源。

通过以上步骤，你应该能够解决IE11以下版本中无法访问网站、图片图标不显示以及字体大小不正常的问题。如果问题依然存在，建议进一步检查代码和服务器配置，或者寻求更专业的技术支持。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。