javascript和css不能在Safari瀏覽器工作，例如

-2

我正在致力於this site，它適用於Chrome和Firefox，但不適用於Safari或IE。javascript和css不能在Safari瀏覽器工作，例如

當在0.6s轉換中點擊時，圓形圖像應變爲全尺寸（650px寬度）圖像。

在Safari瀏覽器中的圖像邊界半徑被忽略（它們是方形的div），和過渡工作不正常，圖像在過渡時間上重疊..

在Internet Explorer中的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>

下面是改變類圖像的javascript：

var divSelected = null; 
function SelectOrUnSelect(x) 
{ 
if(divSelected != null) divSelected.className = 'normal'; 
divSelected = x; 
x.className = 'activa'; 
}

和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%; 
}

感謝您的閱讀和幫助！

來源

2014-02-10 diegoguizar

請相關代碼添加到這個問題。此外，該鏈接似乎被打破。 –

完成，謝謝..我是新的在這一切抱歉.. – diegoguizar

沒有probs，男人:) –

這裏有幾件事要嘗試。

修復DOCTYPE，它應該是：<!DOCTYPE html>

使用getElementById：

function SelectOrUnSelect(x) { 
    if (divSelected != null) { 
     divSelected.className = 'normal'; 
    } 
    var el = document.getElementById(x); 
    divSelected = el; 
    el.className = 'activa'; 
}

，並更改內嵌代碼參數去一個字符串，如：

SelectOrUnSelect('t1')

來源

2014-02-11 02:06:59 Owlvark

我修正了doctype，該功能的工作方式相同（並且仍然沒有做任何事情，即s感謝閱讀和幫助解答 – diegoguizar

奇怪的是，這對IE工作時我試過了，你看到控制檯有什麼錯誤嗎？ – Owlvark

控制檯沒有錯誤。對不起，最近的回答，我已經出城 – diegoguizar

javascript和css不能在Safari瀏覽器工作，例如

回答

相關問題