的CSS簡約的風格不工作的IE瀏覽器，但在是任何其他瀏覽器

Question

我有一個名爲Titulos.css誰包含這一個簡單的css文件：

h1 { font: 50px Tahoma, Helvetica, Arial, Sans-Serif; text-align: center; color: #111; text-shadow: 0px 2px 3px #555; } 
h2 { font: 14px Tahoma, Helvetica, Arial, Sans-Serif; text-align: center; color: #CCC; text-shadow: 0px 1px 2px #555; } 
h3 { font: 10px Tahoma, Helvetica, Arial, Sans-Serif; text-align: center; color: #CCC; } 
b1 { font: 16px Tahoma, Helvetica, Arial, Sans-Serif; color: #DDD; } 
b2 { font: 10px Tahoma, Helvetica, Arial, Sans-Serif; color: #F9F7ED; } 
.caja { width: 690px; height: 40px; background-color: transparent; border: 0px solid #000000; font-size:x-large; color: #222; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-weight: bold;" size="299"; } 
.style1 { text-align: right; } 

和頁面誰打電話這個文件，如：

<link rel="stylesheet" type="text/css" href="LIB/titulos.css" /> 

在此頁面IM後來嘗試使用一些樣式，比如：

<div id="todo" align="center" > 
    <div id="cabeza" style="width:850px;height:100px"> 
    </div> 
    <div id="contenido" style="width:850px;height:420px;background-image: url(IMG/cuadro.png)" > 
     <div id="titulo" style="width:765px;height:75px;padding-top: 18px;margin: auto;text-align: left;"> 
      <b1>Bienvenido <b><?php echo($username); ?></b></b1><br> 
      <?php $check = mysql_query("SELECT * FROM sms WHERE ref = '".$username."' ORDER BY fecha DESC LIMIT 0, 1") or die(mysql_error()); 
      while($info = mysql_fetch_array($check)) { 
       echo("<b1> Tu ultimo mensaje enviado fue: </b1><b2>" . $info['texto'] . " enviado el " . $info['fecha'] . "</b2>"); 

這只是代碼的一部分，認爲是，Firefox和Chrome顯示上面的代碼是這樣的： alt text http://img31.imageshack.us/img31/8814/bieng.jpg ，你可以看到應用了樣式。但是，當我看到從IE 8（甚至7或6）的代碼，這是你看到： alt text http://img268.imageshack.us/img268/8132/malcu.jpg 那麼，你怎麼看？

Answer 1

<b1>和b2不是html元素。現代瀏覽器（Firefox，Chrome等）自動檢測這些並將css規則應用於它們（作爲錯誤檢測），但Internet Explorer無法應用css規則，因爲它們不是html標記。

我建議你更換<b1> & <b2>實際標籤（和使用類CSS），或者如果你想一劈，把document.createElement("b1");document.createElement("b2")中的腳本。它將強制IE7和8應用css規則。

實施例：

h1 { font: 50px Tahoma, Helvetica, Arial, Sans-Serif; text-align: center; color: #111; text-shadow: 0px 2px 3px #555; } 
    h2 { font: 14px Tahoma, Helvetica, Arial, Sans-Serif; text-align: center; color: #CCC; text-shadow: 0px 1px 2px #555; } 
    h3 { font: 10px Tahoma, Helvetica, Arial, Sans-Serif; text-align: center; color: #CCC; } 
    /* classes */ 
    .b1 { font: 16px Tahoma, Helvetica, Arial, Sans-Serif; color: #DDD; } 
    .b2 { font: 10px Tahoma, Helvetica, Arial, Sans-Serif; color: #F9F7ED; } 
    .caja { width: 690px; height: 40px; background-color: transparent; border: 0px solid #000000; font-size:x-large; color: #222; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-weight: bold;" size="299"; } 
    .style1 { text-align: right; } 

和：

<div id="todo" align="center" > 
    <div id="cabeza" style="width:850px;height:100px"> 
    </div> 
    <div id="contenido" style="width:850px;height:420px;background-image: url(IMG/cuadro.png)" > 
     <div id="titulo" style="width:765px;height:75px;padding-top: 18px;margin: auto;text-align: left;"> 
<!-- assuming headers --> 
      <h1 class="b1">Bienvenido <b><?php echo($username); ?></b></h1><br> 
      <?php $check = mysql_query("SELECT * FROM sms WHERE ref = '".$username."' ORDER BY fecha DESC LIMIT 0, 1") or die(mysql_error()); 
      while($info = mysql_fetch_array($check)) { 
       echo("<h1 class='b1'> Tu ultimo mensaje enviado fue: </h1><h2 class='b2'>" . $info['texto'] . " enviado el " . $info['fecha'] . "</h2>");