Web サイトを作成しようとしていますが、Google Chrome や Safari などの特定のブラウザーではすべて正常に動作しますが、Mozilla Firefox や Internet Explorer では動作しません。
これがどのように見えるかへのリンクですhttp://imgur.com/BmMOqw0,qiICBR4#0 最初の画像は、Chrome と Safari でどのように見えるかです。2 番目のリンクは IE と Firefox です。
HTML は基本的に、多くの境界線で囲まれた正方形の画像です。
<div> <div> ... <div> <img> </div> ... </div> </div>
CSS には、画像とすべての div が border-radius 100% に設定されており、次の行に沿ったコードもあります。
max-width: 574px;
max-height: 574px;
display:block;
max-height:100%; //repetitive, I know, but I've been frustratingly trying everything that might work
width:auto;
max-width:100%;
height: auto;
max-height、max-height なし、height: 100%、height: 100% などで試してみました。私のため。html, body {height: 100%} を設定し、 .cycle-slide {width:100%;} と section img { width: 100% } を試しましたが、どちらも機能しませんでした。
編集: http://jsfiddle.net/zc3Y8/1/ Aptana で Ruby on Rails を使用しているため、コードは少し異なります。でも見た目は大体こんな感じ
