текст на фоновом изображении в таблице

Question

У меня проблема в том, что я установил img в качестве фона для таблицы, см. ниже

        <table id ='outertable' style="background: url(courierimages/biglogo.jpg) no-repeat center;opacity:0.2;filter:alpha(opacity=20);">
    <tr>
     <td>
             <table id = 'innertable'>
        <tr>
              <td><input type = "text"></td>
                       </tr>
         </table>
    </td>
    </tr>
</table>

Здесь непрозрачность применима и к внутренней таблице. Но мне это нужно только для наружного применения. Пожалуйста, ознакомьтесь с этим, заранее спасибо.

Answer 1

Непрозрачность, примененная к родительскому элементу, всегда будет наследоваться его дочерними элементами.

Есть несколько хаков, которые работают с IE , но это не очень хорошее решение ...

Answer 2

Явно установите цвет фона на вашей внутренней таблице, используя css, например. добавить следующее в вашу таблицу стилей

#innertable background-color:#fff