Mam zagnieżdżonych div (patrz poniżej), które mają różne klasy CSS dać kolor tła dla pojemnika i format tekstuIE9 w trybie zgodności nie wyświetla style CSS poprawnie
<div class="section">
<div class="sectionTitle">
<dx:ASPxLabel ID="lblSectionTitle" runat="server" Text='<%# Eval("SectionTitle") %>'></dx:ASPxLabel>
</div>
<div class="sectionTitle">
<dx:ASPxLabel ID="lblSectionDesc" runat="server" Text='<%# Eval("SectionDescription") %>'></dx:ASPxLabel>
</div>
Jest zamykając znacznik sekcji div, tam jest więcej treści, która renderuje się poprawnie.
CSS dla powyższego jest:
.section
{
padding: 5px;
background-color: #ffffff;
}
.sectionTitle
{
font-size: 11px;
font-family: Arial;
font-weight: bold;
color: #546fb2;
}
Kiedy wykomentuj kolor tła w .section formatowanie sectionTitle jest stosowany, ale gdy kładę background-color tam nadpisuje kolor sekcjaTytuł. Próbowałem ustawić kolor .section, aby dopasować .sectionTitle, ale to nadal nie działa.
W każdej przeglądarce (niezgodność IE9, Firefox, Chrome) działa dobrze i patrzę na to od kilku godzin, co jest nieco frustrujące, ponieważ nie widzę problemu.
Zawartość jest na stronie ASP.NET, która używa MasterPage który ma doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Czy ktoś może pomóc rzucić nieco światła na to proszę?
góry dzięki
Andy
czy sprawdziłeś obie klasy z tą samą własnością? – krish