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

  • bigky226

    bigky226

    11 HAZİRAN 2006
  • New Scientist

    New Scientis

    27 Kasım 2006
  • sdasmarchives

    sdasmarchive

    2 HAZİRAN 2010