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

  • Caroline Martin

    Caroline Mar

    19 EYLÜL 2008
  • newreleaseblitz

    newreleasebl

    13 Ocak 2010
  • wafflepwn

    wafflepwn

    14 AĞUSTOS 2008