0

タイトルが示すように、私の Web サイトは Firefox で希望どおりに動作します。下向き矢印を使用してもちらつきません。しかし、この機能は IE や Chrome ではそうではありません。これに対する解決策はありますか？Web サイトは次のとおりです。よろしくお願いします。

HTML は次のとおりです。

            <section class="main">

             <div class="icons">
              <a class="twitter" target="_blank" href="http://www.twitter.com/kadeemlaurie"></a>
              <a class="facebook" target="_blank" href="http://www.facebook.com/pages/Contrabang/127379984089682"></a>
              <a class="googleplus" target="_blank" href="http://googleplus.com/pages"></a>
             </div>

            <div id="wrap">
              <div id="featured">
                <div class="wrap">
                  <div class="textwidget">
                    <div class="cup">
                      <img src="../Contrabang/img/red-cup.png" height="200" alt="red-cup">
                    </div>
                  </div>
                </div>
              </div>

              <div id="theFixed"><h1>CONTRABANG</a></h1></div>

            <div class="bg1">

              <hgroup class="billboard second">
                <h2 style="font-size: 33px; opacity: 1; font-family: 'dosis'">
             We are an events management agency based in London. We create memorable experiences. Check out our upcoming event.</h2>

            </hgroup>

            <br>
            <br>
            <br>

            <div class="pad">
             <a href="events"> <img src="../Contrabang/img/Contrabang.jpg"  width="300" height="400" alt="contrabang"></a>
            </div>
                <h2 style="font-size: 33px; opacity: 1; font-family: 'dosis'">
             Buy Tickets: 07949747971</h2>
            </div>


            </div>

            </section>

＆メインCSS

                  .main{text-align:center;}

                  #featured {
                    background: #E94F78 url(http://www.contrabang.com/Contrabang/img/bubbles.png) no-repeat top;

                    background-size: 385px 465px;
                    color: #fff;
                    height: 535px;
                    overflow: hidden;
                    position: relative;
                    z-index: -2;
                  }


                  #featured .wrap {
                    overflow: hidden;
                    clear: both;
                    padding: 70px 0 30px;
                    position: fixed;
                    z-index: -1;
                    width: 100%;
                  }


                  #featured .wrap .widget {
                    width: 80%;
                    max-width: 1040px;
                    margin: 0 auto;
                  }

                  .textwidget{
                    padding: 0;
                  }


                  #wrap {
                    margin: 0 auto;
                    padding: 0;
                  }

                  .cup{

                    margin-top:210px;
                  }


                  body, h1, h2, h3, p {
                    margin: 0; 
                    padding: 0;
                  }

                  a { 
                    text-decoration: none;

                  }

                  a img { border: 0; }


                  #theFixed{
                    position:fixed;
                    background-image:url(http://www.contrabang.com/Contrabang/img/leopard-print.jpg);
                    width:100%;
                    text-align:center;
                    overflow: hidden;
                    background-position: center;

                  }


                  h1{
                    font: 800 1.313em "proxima-nova", sans-serif;
                    font-size:3.125em;
                    text-align:center;
                    padding:10px 10px;
                    margin:20px 20px;
                    background-color:#E94F78;
                    padding-left: 0.15em;
                    text-decoration:none;
                    display:inline-block;
                    letter-spacing: 6px;
                    padding-left: 0.15em;
                    color:yellow;

                  }

                  h1 a{
                    text-decoration: none;
                    letter-spacing: 8px;
                    padding-left: 0.15em;
                    color:yellow;

                  }

                  .bg1{
                  background-image:url(http://www.contrabang.com/Contrabang/img/grey-background.jpg);
                    width: 100%;
                    height:900px;

                    background-color: #e94f78;}

                  h2{

                  font-family: georgia;
                  font-size:3em;
                    color:black;
                  }


                  .billboard {
                    overflow: hidden;
                    width: 960px;
                    margin-left: auto;
                    margin-right: auto;
                      text-align: center;
                  }

                  .pad{
                    padding:20px;
                  }


                  .billboard a {
                    color: #000000;   
                  }


                  .billboard {
                    padding-top:230px;
                  }
4

1 に答える 1

4

そのリタ・オラの画像のサイズは約 4 MB です。それがあなたの犯人だと推測するのは危険です。

ウェブで使用するための画像の最適化について読んでみることをお勧めします。

その画像はせいぜい約 30/40k である必要があります。

于 2013-03-28T22:44:33.530 に答える