javascript和css在safari和ie中不起作用

javascript和css在safari和ie中不起作用,javascript,css,internet-explorer,safari,Javascript,Css,Internet Explorer,Safari,我正在研究,它在Chrome和Firefox中运行良好,但在Safari或IE中不起作用 在0.6秒的过渡中单击时,圆形图像应更改为全尺寸(650px宽度)图像 在Safari中,图像中的边界半径被忽略(它们是方形div),并且过渡效果不好,图像在过渡期间重叠 在InternetExplorer中,javascript不起任何作用,javascript正在工作,您可以在图片上方的段落中看到,更改语言工作(即js) 我对这一切一无所知,所以我想知道这有什么问题。。我怎样才能修好它 据我所知,这对浏

我正在研究,它在Chrome和Firefox中运行良好,但在Safari或IE中不起作用

在0.6秒的过渡中单击时,圆形图像应更改为全尺寸(650px宽度)图像

在Safari中,图像中的边界半径被忽略(它们是方形div),并且过渡效果不好,图像在过渡期间重叠

在InternetExplorer中,javascript不起任何作用,javascript正在工作,您可以在图片上方的段落中看到,更改语言工作(即js)

我对这一切一无所知,所以我想知道这有什么问题。。我怎样才能修好它

据我所知,这对浏览器来说并不难,我也知道IE的名声,但这仍然是简单的javascript,它必须工作,不是吗

以下是每个图像的html外观:

    <a name="t1"></a>
    <a href="#t1">
    <div class="galeria">
        <div class="normal" id="t1" onclick="SelectOrUnSelect(t1)">
            <img src="galeria/obra/1.Naturaleza.jpg" />
            <p>Relato I. Naturaleza</p>
            <p>Tale I. Nature</p>
        </div>
    </div>
    </a> 
和css:

.normal{
width:200px;
min-height:0;
max-height:0;
padding:100px 0;
margin:20px auto;
overflow:hidden;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    -o-border-radius:100px;
border-radius:100px;
    -webkit-transition:0.6s;
    -moz-transition:0.6s;
    -o-transition:0.6s;
transition:0.6s;
}


.normal img{
    overflow:hidden;
    margin:-100px 0;
    width:150%;
    position: relative;
    left: -30%;
    top:0;
}



.activa{ 
width:100%;
min-height:400px;
border-radius:0;
padding:0;
margin:0 auto;
-webkit-transition:0.6s;
-moz-transition:0.6s;
-o-transition:0.6s;
transition:0.6s;
display:block;
}

.activa:last-child{ 
    margin:0 auto 55px auto;
}

.activa img{
    width:100%;
        -webkit-border-radius:0.2%;
        -moz-border-radius:0.2%;
        -o-border-radius:0.2%;
    border-radius:0.2%;
}

谢谢你的阅读和帮助

以下是一些可以尝试的东西

修复doctype,它应该是:

使用
getElementById

function SelectOrUnSelect(x) {
    if (divSelected != null) {
        divSelected.className = 'normal';
    }
    var el = document.getElementById(x);
    divSelected = el;
    el.className = 'activa';
}
并将内联代码参数更改为字符串,例如:

SelectOrUnSelect('t1')

请在问题中添加相关代码。此外,链接似乎已断开。完成,谢谢。。很抱歉,我是新手。你知道为什么这样不行吗?例如,在旧Safari上,设置
边界半径
的百分比是行不通的。哦,顺便说一句,你在哪个版本的IE上测试过这个网站?我修复了doctype,函数也是这样工作的(但仍然没有在ie中做任何事情,感谢您阅读并帮助回答问题奇怪的是,当我尝试ie时,它在ie上起作用了。您看到控制台中有错误吗?控制台中没有错误。很抱歉,回答晚了,我不在城里,我第一次一定做错了什么,因为我再次尝试,internet explorer现在可以工作了!非常感谢您很
SelectOrUnSelect('t1')