我如何强制IE使Joomla文章图像响应?

时间:2015-11-06 18:13:37

标签: css joomla internet-explorer-11 responsive-images

http://dfwcgi.com/approach/white-papers 直播网站,但事先忽略了用IE进行故障排除。所有文章图像(通过图像和链接选项卡)都不响应IE11。任何文章正文中的图像都符合要求并且具有响应性。我在不同的论坛上看过这个“auto \ 9”,但无法真正找到解决方案。我已经改变了我的自定义CSS几次但没有结果。这是一个火箭主题。我甚至创建了一个IE11自定义css页面......没有运气。

真的很感激输入 - 这让我发疯了。

提前致谢!

2 个答案:

答案 0 :(得分:0)

确定,

不确定这是否是答案,但在我的主IE浏览器页面中我添加了这个:

img {
    width: 100%;
}

http://dfwcgi.com/templates/rt_chimera/css/master-ie11.css

这会影响网站上的其他一些图片,但这是我现在能想到的最好的...开放寻求建议......

再次感谢!

答案 1 :(得分:0)

您可以进行一些小改动来改进Internet Explorer 11中的布局。对于初学者,您需要删除页面顶部DFW徽标上的width: 100%属性。鉴于其广泛的主机容器,这会导致图像拉伸太大:

enter image description here

删除width: 100%属性会解决DFW徽标问题,但会导致身体图像损坏。此时,我们发现div.pull-left.item-image元素实际上比其宿主<article>元素更宽。因此,我们可以将max-width: 100%属性应用于它们:

.pull-left { max-width: 100% }

这会导致Internet Explorer 11中的布局恢复。

enter image description here