Php IE9中未显示照片库-Joomla机架4

以下是我的网站photogallery的url：

---

我正在努力找出为什么照片库没有显示在IE9或IE10中。它在Chrome和Firefox中工作。我在谷歌上搜索了一天，发现问题只出现在4号机架模板上。使用默认模板时没有问题。看起来Rantanger less.css编译器把事情搞砸了。我的网站使用Rocktheme Alerion和Tigra进行Jomsocial造型。请任何人帮助解决这个问题

出于某种原因，可能是由于机架中的某些东西，IE9的宽度和高度被设置为

0px

在模板文件夹中，应该有一个专门的CSS文件，很可能称为ie.CSS

如果没有，请创建一个新的CSS文件并向其中添加以下代码：

.photoDisplay img {
     left: 175px; 
     top: 120px; 
     width: auto; 
     height: auto;
}

然后在模板文件夹中的index.php中，在

中添加以下代码：

显然，更改保存css文件的路径

---

希望这能有所帮助。

这只是@Lodder对解决方案的一个长篇评论：它在页面缓存打开时不起作用

$doc->addStyleSheet

将css添加到一个列表中，该列表稍后将插入到调用JDocinclude头的模板中

如果要使用条件注释（如果计划使用缓存，则应使用条件注释），则应直接输出标记

但是，由于IE10不允许这样做（微软的好人再次试图让我们的生活更轻松），像modernizr.js或这样的客户端解决方案就可以做到这一点。其思想是使用浏览器的名称向html或body标记中添加一个类，这样您就可以通过一个样式表将其作为浏览器特定规则的前缀

html.ie9 div.main...

因此，您可以缓存一个页面并为所有页面提供服务，使用javascript触发自定义行为。此外，这将节省您的IE9和10一个额外的下载。这是一件好事，因为他们已经要处理IE了

---

还可以查看样板文件，因为它显示了浏览器兼容性方面的一些巧妙技巧，包括使用chromeframe。

OP指定问题出在IE9和IE10中。此修复程序不适用于IE10（并且也无法对其进行调整，因为IE10不支持条件注释）。感谢您的支持answer@Riccardo佐恩

html.ie9 div.main...