标签: cross-browser

动态更改图像的Javascript代码在IE中工作而不是FF,Chrome等:(

通常我听说代码在IE之外的事情下工作,但我遇到了相反的问题.

这是链接:

http://www.underagedriving.co.uk/ins/timeclick2.php

并且代码的快照在IE下没有任何错误,但不会与其他任何东西玩球(Opera,iPhone Safari,Chrome,FF)

我知道这将是一个愚蠢的东西,但整天都在努力(我不是一个合适的编码员),当它没有玩球时,我的眼睛有点茫然.

任何帮助表示我指向正确的方向:)

谢谢,Rik

<html>
<head>

<script type="text/javascript">

var arr = new Array();                                  // Create our array
var convexisting = " ";                                 // Create a blank variable we check later

if (!Array.prototype.indexOf)                               // IE8 and below
{ 
    Array.prototype.indexOf = function(elt /*, from*/) 
    { 
        var len = this.length >>> 0; 

        var from = Number(arguments[1]) || 0; 
        from = (from < 0) 
            ? Math.ceil(from) 
            : Math.floor(from); 
        if (from < 0) 
        from += len; 

        for (; from < len; …

Run Code Online (Sandbox Code Playgroud)

html javascript browser dhtml cross-browser

Rik*_*Rik

2011 09-16

0
推荐指数

1
解决办法

1106
查看次数

IE上没有加载Simple Nivo滑块图像

我正在使用这个插件:http://wordpress.org/extend/plugins/simple-nivo-slider/

当在firefox和chrome上查看时,图像会加载,但只有导航箭头和导航子弹显示.

这是网站

编辑:通过向#slider添加宽度和高度来解决它

javascript wordpress cross-browser wordpress-plugin nivo-slider

Lau*_*ize

2011 10-06

0
推荐指数

1
解决办法

851
查看次数

CSS在IE中搞砸了(就像一半的CSS没有加载)

我有一个网站完全搞砸了IE,我想知道是否有人可以帮助我找出它的错误.

有问题的页面是http://eksai.com/testing/

当我在IE中打开它时,就像一半的CSS代码没有被加载.字体颜色是相同的,没有列等.我已经将CSS文件切割到最小,试图找出导致这种情况的原因......但我仍然无法让它正常工作.

任何人都可以帮我找出导致它的原因吗？

这是CSS文件:

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
a img{border:none}
@font-face{font-family:"agb";src:url("../fonts/b.eot");src:url("../fonts/b.eot?#iefix") format("eot"),url("../fonts/b.ttf") format("truetype")}
body, input,textarea,select,button{font:normal 16px "helvetica neue",helvetica,arial,sans-serif;line-height:24px}
h1{font:48px/60px "helvetica neue",helvetica,arial,sans-serif;font-weight:normal;margin-bottom:20px}
h2{font-size:26px;line-height:30px;margin-bottom:5px;font-weight:bold}
h3{margin-bottom:5px;font-size:20px;line-height:25px;font-weight:normal;color:#3a3e42}
h4{font-weight:bold}
a{outline:0;text-decoration:none;color:#2d81c5}
html{background:#d5d8db url(../images/public/body.png) fixed;background:url(../images/public/body-gradient.png) repeat-x fixed,#d5d8db url(../images/public/body.png) fixed;color:#52585d;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.wrapper{position:relative;width:1020px;margin:30px auto 100px;padding:0 2px}
.page{position:relative;background:#fff url(../images/public/page.png);-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.5);-o-box-shadow:0px 0px 3px rgba(0,0,0,0.5);box-shadow:0px 0px 3px rgba(0,0,0,0.5);margin-bottom:20px;min-height:400px}
.page:after{content:" ";position:absolute;bottom:-8px;left:-1px;width:1022px;height:8px;text-indent:-119988px;overflow:hidden;text-align:left;background-image:url('../images/public/page-shadow.png');background-repeat:no-repeat;background-position:0 0}
.platter-section{padding:20px 60px 0px 20px;}
.main-nav{height:74px;background:#fff;-moz-box-shadow:rgba(0,0,0,0.1) 0 1px;-webkit-box-shadow:rgba(0,0,0,0.1) 0 1px;-o-box-shadow:rgba(0,0,0,0.1) 0 1px;box-shadow:rgba(0,0,0,0.1) 0 1px}
.main-nav .logo{position:absolute;top:18px;left:24px;display:block;width:152px;height:40px}
.main-nav .actions{position:absolute;top:20px;right:25px}

.hang{    background-image: url("../images/hang.png");     background-position: 0 0; background-repeat: no-repeat; height: 284px; left: …

Run Code Online (Sandbox Code Playgroud)

html css internet-explorer cross-browser

And*_*rew

2011 09-30

0
推荐指数

1
解决办法

1257
查看次数

jQuery和IE7跨浏览器的bug

$("body").delegate('area[id=area_kontakt]','mouseover mouseleave', function(e){
if (e.type == 'mouseover') {
    $("#kontakt_tip").css('display','block');
} else {
    $("#kontakt_tip").css('display','none');
}
});

Run Code Online (Sandbox Code Playgroud)

为什么这段代码在IE7中不起作用？在IE8,FF,Ch一切都OK.有帮助吗？

问候.

html css jquery cross-browser internet-explorer-7

par*_*zol

lucky-day

0
推荐指数

1
解决办法

400
查看次数

Firefox无法识别编码!返回"未定义"

所以我的问题是Firefox无法识别.innerText,它用于检索当前用户名并添加到URL.这适用于Safari,Chrome和IE,但不适用于Firefox.它返回"undefined"

function toggle_visibility( id ) { 

var url = 'http://widget.mibbit.com/?settings=46780594e96e435ff18e44e48b7d880d&amp;ser?ver=irc.Mibbit.Net&amp;channel=%23yourCh&nick=',
        username = document.getElementsByClassName( 'user-nickname' )[0].innerText;
    document.getElementById( 'chat' ).setAttribute( 'href', url + username );

Run Code Online (Sandbox Code Playgroud)

所以我找到了需要添加的Firefox解决方案.

if(document.all){
     document.getElementsByClassName( 'user-nickname' )[0].innerText;
} 

else{
    document.getElementsByClassName( 'user-nickname' )[0].textContent;
}

Run Code Online (Sandbox Code Playgroud)

我需要帮助使用.textContent来检索Firefox中的用户名,并且仍然使用.innerText.我希望它朝着正确的方向前进!

javascript firefox cross-browser

FLU*_*LUX

2011 12-08

0
推荐指数

1
解决办法

437
查看次数

<br />不在IE中工作

我的代码在firefox(TEXT2顶部的TEXT1)和chrome上完美地工作,但在Internet Explorer中没有.这是我的代码.注意TEXT1和TEXT2替换了原始代码中的其他html元素,只是使用TEXT来简化代码.谢谢.

    <div style="float:left;">
     <span class="line-1">
      TEXT1
     </span><br />
     <span class="line-2">
     TEXT2
     </span>
     </div>

Run Code Online (Sandbox Code Playgroud)

CSS

    .line-1{
    margin:3px; 
    padding:5px;    
    background:#F0F2F5; 
    float:left;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
    border-radius:3px;
    border-left:solid #B6BBC3 1px;
    border-right:solid #B6BBC3 1px;
    border-top:solid #B6BBC3 1px;
    border-bottom:solid #B6BBC3 1px;
    width:220px;
   -moz-box-shadow: 0px 4px 1px #F0F2F5;
   -webkit-box-shadow: 0px 4px 1px #F0F2F5;
    box-shadow: 0px 4px 1px #F0F2F5;}

    .line-2{
     color:#808080;
     font-size:11px;}

Run Code Online (Sandbox Code Playgroud)

html css cross-browser css3

kat*_*tie

lucky-day

0
推荐指数

1
解决办法

5558
查看次数

在JavaScript中解析哈希url到对象？

我想在页面加载上执行一个进程,具体取决于URL中的哈希值.我想我需要RegEx,因为我正在寻找一个纯JavaScript解决方案(没有库依赖).

我想要做的是如果哈希是"#/ products",那么我将调用"myIndex()"否则如果哈希是"#/ products/3",那么我将调用"myDetail(id)",其中"id"是产品编号的变量.

有人知道如何实现这个目标吗？

javascript regex url cross-browser url-routing

Tru*_*an1

lucky-day

0
推荐指数

1
解决办法

456
查看次数

某些浏览器中没有显示某些Unicode字符？

所以我与某些unicode characeters有一致性问题.回复部分下方按钮内的字符以及页面的各个部分显示为正方形:http://bit.ly/zlhgEI

当我将它们复制到谷歌时,我可以导航到描述该角色的维基百科页面.所以它似乎是一个渲染问题.或许这个平台只是缺少人物？我不知道.

它的工作原理:Firefox(我认为在任何平台上),Windows7和ubuntu上的Chrome可能是osX哪里坏了:XP上的Chrome,iphone4和droid令人难以置信

有没有人知道确保添加此字符集的方法.我已经尝试添加到utf-8元标记,这似乎什么都不做.我能做什么？

谢谢!

unicode mobile cross-browser

Par*_*ris

lucky-day

0
推荐指数

1
解决办法

1651
查看次数

文件仅在FireFox中下载问题

我制作了一个消息系统,用户可以在其中相互发送消息,他们也可以在消息中将文件作为附件发送(就像简单的电子邮件系统一样).我在firefox中遇到一个问题,如果文件名包含空格(例如,对于ticket.doc为602_Sign文件)在firefox中它将保存为602_Sign.doc但是它应该显示完整的名称,问题在IE和Chrome上工作正常,下面是我下载文件的代码

public ActionResult Download(string attFileName)
        {
            string FileName = Path.Combine(Server.MapPath("~/MessageAttachmentFiles"), attFileName);
            System.Web.HttpResponse response = System.Web.HttpContext.Current.Response;
            response.ClearContent();
            response.Clear();
            Response.AddHeader("Content-Disposition", string.Format("attachment; filename = {0}", System.IO.Path.GetFileName(FileName)));
            response.TransmitFile(FileName);
            response.Flush();
            response.End();
            return null;

        }

Run Code Online (Sandbox Code Playgroud)

c# cross-browser http-headers

Sye*_*idi

2012 04-05

0
推荐指数

1
解决办法

3637
查看次数