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

  • Android Central

    Android Cent

    13 Kasım 2008
  • Damien Hayes

    Damien Hayes

    11 Mart 2008
  • paikimchung

    paikimchung

    12 Mayıs 2006