0

这是我的网站图片库的网址： http ://www.mythrottle.net/community/gallery/678-jeets/photo?albumid=135&photoid=846

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

4

2 回答 2

0

@Lodder 对解决方案的长评论：它不适用于打开页面缓存，

$doc->addStyleSheet

将 css 添加到列表中，该列表稍后将插入到调用 jdoc 包含头的模板中；

如果你想使用条件注释（如果你打算使用缓存，你应该这样做）你应该直接输出标记。

但是由于 IE10 不允许这样做（ms 的好人再次尝试让我们的生活更轻松），因此需要一个客户端解决方案，如 modernizr.js 或如何在特定情况下仅针对 Internet Explorer 10，例如特定于 Internet Explorer CSS 或 Internet Explorer 特定的 JavaScript 代码？会成功的。这个想法是使用浏览器的名称将一个类添加到 html 或 body 标记中，因此您可以从单个样式表中定位它，并在浏览器特定规则的前面加上

html.ie9 div.main...

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

还可以查看样板文件http://h5bp.com，因为它展示了浏览器兼容性方面的几个巧妙技巧，包括使用 chromeframe。

于 2013-04-20T08:00:51.957 回答
0

出于某种原因，可能是由于 Gantry 中的某些原因，IE9 的宽度和高度被设置0px为。

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

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

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

然后在模板文件夹中的index.php中，添加以下代码<head>：

<!--[if IE 9]>
        <?php  
            $doc = JFactory::getDocument();
            $doc->addStyleSheet(JURI::root() . "templates/rt_alerion/css/custom.css");
        ?>
<![endif]-->

显然将路径更改为保存 css 文件的位置。

希望这可以帮助

于 2013-04-19T09:55:26.467 回答