internet-explorer - Joomla 3.0 在 Internet Explorer 上增加列类别博客

Question

只需将具有三列布局的 joomla 3.0 放在一起，在除 Internet Explorer 之外的所有其他浏览器上都可以正常工作，除非在兼容模式下。

中心列中的图像不会调整大小并与其他列重叠。

不知道从哪里开始解决这个问题，是 joomla 问题，引导程序还是我可以在 css 中做的事情。

当我有足够的声誉时会上传图片

Answer 1

你在为 Joomla 使用 Yootheme 主题吗？Yootheme 的 Mustache 主题也有同样的问题。问题出在 UiKit 框架中。

我通过在页面上的文本框中添加以下代码来解决它：Joomla Backend -> Extentions -> Templatemanager -> yoo_moustache（或您的主题名称）->（scrolldown）“附加脚本”

<style>
.uk-article{
    width:100%;
    overflow:auto;
}
a.uk-align-right>img{
    width:100%;
}
</style>

但你也可以只编辑 CSS 文件；我浏览了我的网站，但找不到任何不需要的副作用。但我建议你也这样做。

可能是你没有使用 Yootheme 主题，那么我还有一些东西给你：

Internet Explorer 在调整带有浮动元素的容器的大小时会遇到一些麻烦。所以我建议搜索浮动项目（例如您的图像或它们周围的 A 标签）并为周围的容器提供下一个 css 属性：

width:100%;
overflow:auto;

接下来，您的图像可能会保持原始大小，因此您可能希望给它们一个 css 属性，例如：

width:100%;