O grande inimigo dos desenvolvedores web é o Internet Explorer, devido ao seu suporte incompleto e má implementação dos padrões de CSS.

O Internet Explorer 8 até que melhorou bastante em relação às versões antigas mas ao invés de facilitar a nossa vida, apenas a complicou porque agora não basta fazer ajustes gerais para o IE; muitas vezes é necessário ajustar o CSS tanto para o IE8 quanto para o IE7 e 6.

Agora imagine uma situação em que não fosse necessário usar condicionais e hacks, em que servíssemos apenas uma folha de estilos (stylesheet) e funcionasse perfeitamente em todos os navegadores. Parece sonho né? Mas nao é!

Com o PHP e uma pequena regra de Apache é possível criar folhas de estilo dinâmicos e resolver todos estes problemas:

1
2
# adicione esta linha no seu arquivo .htaccess
AddHandler application/x-httpd-php .css

Pronto! Agora você pode colocar código PHP dentro do seu css e ele será interpretado corretamente pelo Apache.

1
2
3
4
56
7
8
9
1011
12
13
14
1516
17
18
19
2021
/* dentro do seu arquivo css */
$ua = $_SERVER['HTTP_USER_AGENT'];
if(strchr($ua, 'MSIE')){
  $ie = true;
  $firefox = false;  $ie7 = !strchr($ua, 'MSIE 8');
  $ie6 = strchr($ua, 'MSIE 6');
}else{
  $ie = $ie7 = $ie6 = false;
  $firefox = strchr($ua, 'Firefox');}
 
<?php if($ie):?>
body {
  background-color: #336699;}
<?php else: ?>
body {
  background-color: #ff9900;
}<?php endif; ?>

Li um excelente artigo estes dias que explica todo este processo de maneira bastante compreensiva, vale a pena conferir:

Link: Supercharge Your CSS with PHP Under the Hood