标签: internet-explorer-7

我有一个画廊,我很快编写了一个小网站,在Firefox 3和Safari 3下工作正常.但是,当我测试我最好的朋友IE7时,似乎没有触发imageVar.onload = function(){// code here} ..我想用它来停止加载效果并加载图像.

请记住...

• 我知道缩略图只是缩小版本的较大图像.当客户最终确定图像时,我将创建适当的缩略图.
• 这是我第一次试图在大多数情况下尝试退出程序化的JavaScript ..所以请轻松一点,让我知道我的代码糟透了!

是否有任何jQuery 1.3动画过渡在Firefox 3和IE7中都有效？

我有一个包含多个表行(25或更多)的表,其中一些行开始隐藏(这些行都共享一个公共类;在本例中,它是".hidden").在表头中是一个"显示更多"链接,它通过.click()绑定到一个显示隐藏行的函数,然后将"显示更多"更改为"显示更少"并将.click()更改为相反的功能.

在每个.click()函数中,都有一行代码

$(this).parents("tbody").children("tr.hidden").show();

用.show()替换为.hide()替换"Show less"函数.

但是,如果我尝试用.fadeIn()/ .fadeOut()替换.show()/.hide(),IE会将它呈现为与.show()/.hide()几乎完全相同,除非它需要一分钟.hide()生效.那里没有真正的动画.IE中的劣势,虽然它的Firefox很棒.

如果我尝试使用.slideDown()/ .slideUp(),它在IE中同样是janky,几乎与.show()/.hide()完全相同,只是在完成转换后有一个奇怪的脉冲效果.Firefox 3也扼杀了它,显然只是忘记了所显示的表行的行宽并使整个事情看起来很糟糕.

那么动画只是在IE7中吮吸？在这种情况下,有没有办法在两种浏览器中都能实现优雅平滑的过渡？

$('div#Categories > div.categories  a#showhide').click(function(){
        // Get the subManufacturers list
        var subCatList = $(this).parent().find('ul#hiddenSubCategories');

        // If collapsed do expand
        if (subCatList.css('display') == 'none')
        {
            subCatList.slideDown('slow');
            $(this).find('span').html('Hide');
        }
        else 
            {
            subCatList.slideUp('slow');
            $(this).find('span').html('View All');
        }

        // Stop link from doing anything
        return false;
    });

上面的代码在IE8,Firefox和Chrome中完美运行(尚未在Opera中测试),但仅将click函数注册到第一个匹配元素而不是所有匹配元素.这是一个已知的错误或该网站独有的东西,因此在其他地方是一个问题.

我正在使用PHP生成动态PDF报告,并且在链接到Web时遇到了一些问题.

我的链接是一个强制下载文件附件的PHP脚本.当通过浏览器访问时,此脚本可在所有浏览器中完美运行.它也可以在除Internet Explorer之外的所有浏览器中使用PDF.

而不是IE将文件视为PDF,PNG或任何文件,下载提示说文档类型是:"HTML插件文档"

如果用户单击"打开"或"保存",IE表示无法下载文件并将文件名设为"index2.php".这是地址URI的开头.

给出了正确的文件大小,所以我知道它正在获取文件.也许这是一个标题问题？

这是我在下载脚本上创建的标题:

            header("Expires: Mon, 26 Jul 1997 05:00:00 GMT;");
    header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT;");
    header("Pragma: no-cache;");        // HTTP/1.0
    header('Content-Type: '.$file->file_mime_type.';');
    header("Content-Description: File Transfer");
    header("Cache-Control: public");
            header('Content-Disposition: attachment; filename="'.$file->file_name.'";');
    header('Content-Length: '.$file->file_size.';');
    header('Content-transfer-encoding: binary');

任何投入将不胜感激.

我正在设计在线简历,但在谷歌浏览器中遇到问题,ie7有无序列表.虽然它们在侧边栏中渲染得很好,但由于某种原因,在内容部分中,第一个子弹点浮动到其容器的最右侧,文本显示正常,所有其他项目符号和文本定位都很好.任何其他主流浏览器都不会发生此错误.

这是代码,以及正在发生的事情的屏幕截图.

<h2>Education</h2>
<div class="education">
    <h3>Institution Name</h3>
    <p class="date">Date 1000<br />~ Date 2000</p>
    <p class="description">Vel augue ac a adipiscing? Facilisis. Dictumst vut rhoncus ut scelerisque, duis mid! Amet ultricies parturient cursus amet? Cum, diam sed platea ultrices in, phasellus augue amet.</p>
    <ul>
        <li><span>Masters of Design</span></li>
        <li><span>fagjfjfhdgsdf</span></li>
        <li><span>Random blabble text</span></li>
    </ul>
    </div>

.education ul{margin-left:120px;}
#sidebar{}
.education ul li,
#sidebar ul li{list-style:square; font-size:18px; line-height:18px;}
.education ul li span,
#sidebar ul li span{font-size:13px; color:#3C3225;}
ul{color:#11c9c7;}

IE7和谷歌浏览器中的错误图像

奇怪的是它在IE6和IE8中工作,所以我很困惑,因为我的编码没有我通常会有的不同,并且使用相同代码的侧边栏ul渲染得很好.有谁知道是什么原因引起的？

我想知道我是否可以将IE7浏览器呈现为IE8.

我知道这是通过添加META标签向后兼容的

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

有人有什么想法吗？

任何人都知道如何在IE7中使用它？

图像并排显示(由于溢出)而不是滑块.

http://tympanus.net/Tutorials/PortfolioZoomSlider/

我尝试设置overflow:hidden,.thumb_wrapper但下一张幻灯片的一部分仍然闪耀并覆盖箭头.

我需要在"html"标签后面的DOM中插入一个div.它适用于所有浏览器,IE7除外.

经过多次测试,看起来我无法使用IE7访问html元素.

例如 :

$('html').append('mycontent'); //works with all browser except IE

有人知道如何绕过这个IE7限制吗？

谢谢.

ps:我在IE7模式下测试IE9

每次我在Internet Explorer 7或更高版本中加载页面时,我Object Expected在调用下面的函数时都会收到错误.该脚本显示在结束</body>标记之前的页面底部.没有相同的元素name或id.

<script type="text/javascript">
     window.onload = show();
</script>

它试图调用的Javascript函数是

function show() {
    obj1
     = document.getElementById("container").innerHTML
     = '<div style="width: 960px; height: 2000px;"><p>Hello World.<br>Here I am.</p>'
         + '<p><a href="#" onclick="hide();">test</a></p></div>';
}

1. 为什么此错误不会出现在任何其他浏览器中？
2. 我需要更改什么才能解决问题？

编辑0

如果我将函数移动show到同一个块中window.onload,hide()现在不再有效.

Javascript代码

function show() {
    obj1
     = document.getElementById("container").innerHTML
     = '<div style="width: 960px; height: 2000px;"><p>Hello World.<br>Here I am.</p>'
         + '<p><a href="#" onclick="hide();">test</a></p></div>';
}

function hide() {   
    obj1 = document.getElementById("container");
    if(obj1){
        alert("Hi");
        obj1.style.display = …

我正在开发一个响应式模板并使用CSS媒体查询.但似乎IE7不直接支持媒体查询.所以我寻找解决方案,发现respond.js,
但我不能让它工作.

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
   <link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
   <script type="text/javascript" src="js/respond.min.js"></script>
</head>
<body>

   <!-- ... -->

</body>
</html>

CSS(style.css):

@import "reset.css";
@import "fonts.css";
@import "bootstrap.css";
@import "plugins.css";
@import "ui.css";

@media screen and (max-width: 320px) { 
    /* css */
}

但是当我@media screen and (max-width: 320px) { }直接在我的HTML中包含它的工作时.那我错过了什么？