یکی از دغدغه‌های طراحان وب، نمایش یکسان طرح در مرورگرهای مختلف است. با افزایش استفاده از مرورگر فایرفاکس و عرضه‌ی مرورگرهای جدید، صفحات وب باید به گونه‌ای طراحی شوند که با رعایت استانداردها، در مرورگرهای مختلف به طور یکسان به نمایش درآیند.
برای این کار شما می‌توانید از دستورات شرطی در CSS استفاده کنید؛ که نمونه‌ای از آن را در کد زیر می‌بینید:
[sourcecode language=’css’]
/* Conditional-CSS example */
a.button_active, a.button_unactive {
display: inline-block;
[if lte Gecko 1.8] display: -moz-inline-stack;
[if lte Konq 3.1] float: left;
height: 30px;
[if IE 5.0] margin-top: -1px;
text-decoration: none;
outline: none;
[if IE] text-decoration: expression(hideFocus=’true’);
}
[/sourcecode]
/* Conditional-CSS example */
a.button_active, a.button_unactive {
display: inline-block;
[if lte Gecko 1.8] display: -moz-inline-stack;
[if lte Konq 3.1] float: left;
height: 30px;
[if IE 5.0] margin-top: -1px;
text-decoration: none;
outline: none;
[if IE] text-decoration: expression(hideFocus=’true’);
}
[/sourcecode]