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

  • David Wills

    David Wills

    31 Aralık 2007
  • Learn Math Tutorials

    Learn Math T

    20 Kasım 2011
  • majesticdubstep

    majesticdubs

    3 Kasım 2011

İLGİLİ SORU / CEVAPLAR