Bảng màu của bảng màu và bảng Backcolor

Question

Tôi gặp sự cố với CSS. Tôi thoát khỏi thẻ div. Vấn đề là: Đằng sau ô .table là .table-row, đó là lý do tại sao tôi nghĩ rằng màu nền cho ô .table có màu vàng và màu xám tiếp theo.

Nhưng khi tôi áp dụng bán kính đường viền trên cùng bên trái cho ô .table, màu xanh sẽ đi qua góc và không phải màu xám. As you can see here. Tôi đang sử dụng Google Chrome 43.0 trên Windows 8.1.

<div class="table"> 
    <div class="table-row"> 
    <div class="table-cell">Row 1 - Cell 1</div> 
    <div class="table-cell">Row 1 - Cell 2</div> 
    <div class="table-cell">Row 1 - Cell 3</div> 
    <div class="table-cell">Row 1 - Cell 4</div> 
    </div> 
    <div class="table-row"> 
    <div class="table-cell">Row 2 - Cell 1</div> 
    <div class="table-cell">Row 2 - Cell 2</div> 
    <div class="table-cell">Row 2 - Cell 3</div> 
    <div class="table-cell">Row 2 - Cell 4</div> 
    </div> 
</div> 

Mã nhìn CSS như thế này:

.table { 
    display:table; 
    background-color:blue; 
} 

.table-row { 
    display:table-row; 
    background-color:gray; 

} 

.table-cell { 
    display:table-cell; 
    background-color: yellow; 
    border-top-left-radius: 10px; 
} 

Answer 1

Bạn đã thử làm mới bộ nhớ cache của trình duyệt của bạn? Tôi không thể tái tạo các vấn đề kể từ khi tôi có được điều này trong Firefox 38 trên Mac OSX 10.9.5: màu nền

Answer 2

thay đổi .table

.table { 
    display:table; 
    background-color:grey; 
}