SORU
11 NİSAN 2011, PAZARTESİ


9 değil't render box-shadow doğru CSS kullanarak, Firefox, Chrome üzerinde çalışır

Kayan kalıcı kutusu tarzı bir şey taklit etmeye çalışıyor ama Internet Explorer 9 ve gölge kutusu uygulaması ile ilgili bir sorun yaşıyorum.

Burada sorun, yinelenen olabilir: kullandığım kod bir özet

<html>
<head>
    <title>Sample page</title>
    <style>
        .content-holder {
            border-collapse: collapse;
        }
        .back {
            background-color: #a8c0ff;
            padding: 100px;
        }

        .inner {
            background-color: #fff;
            text-align: center;
            padding: 50px;
            box-shadow: 0px 0px 20px #000;
        }

    </style>
</head>
<body>
    <table class="content-holder">
        <tr>
            <td>
                <div class="back">
                    <div class="inner">
                        <h2>Heading</h2>
                        <p class="subtext">Some text here</p>
                        <p>More text</p>
                        <a class="button" href="#">A button</a>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</body>

Firefox/Chrome vs gayet iyi çalışıyor ama Internet Explorer 9 gölge görüntü gelmiyor. İç metin gölge yapabilirim ve olması gerektiği gibi görünüyor, ama bir dış gölge, benden kaçmaya devam ediyor.

Kimse bu gölge sorunu üzerinde biraz ışık tutmak için mümkün?

CEVAP
11 NİSAN 2011, PAZARTESİ


Keşfetti (bana göre değil) yorum olarak, box-shadow çalışmayan öğe border-collapse: separate; eklemeniz gerekir.

Ve benim orijinal Cevap, <!DOCTYPE html>) gibi bir çok ilk satırı geçerli bir doctype, sahip olduğunuzdan emin olun. F12 Geliştirici Araçları getirin ve 9 modu (veya üstü) box-shadow çalışması için gerekli çünkü zaman kullanılıyor emin olmak için vurdu.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Chanre Joubert

    Chanre Joube

    27 Temmuz 2012
  • max2sims2

    max2sims2

    19 Kasım 2008
  • TantalizingTrance

    TantalizingT

    15 ŞUBAT 2009