<!DOCTYPE html>
<html>
<head>
<title>Таблица фон ячейки меняется при наведении (скрипт hover.htc)</title>
<meta http-equiv=Content-Type content="text/html; charset=windows-1251">
<style type="text/css">
.tb2 {font:12px Arial;table-layout:fixed;width:100%;}
.tb2 tr {background-color:#eee;color:blue;}
.tb2 tr:hover{background-color:#ddd;color:red;}
.tb2 td {padding:2px 10px;}
</style>
<!--[if IE 6]>
<style type="text/css">
.tb2 tr{behavior:url(byn.htc)}
.tb2 .trhover{background-color:#ddd;color:red;}
.tb2 {width:96.3%;}
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
.tb2 {width:96.3%;}
</style>
<![endif]-->
</head>
<body>
<table class="tb2">
<tr>
<td>IE 6</td>
<td class="txt_c">761</td>
<td class="txt_c">6.3</td>
<td class="txt_c">31.9</td>
</tr>
<tr>
<td>Firefox 2</td>
<td class="txt_c">471</td>
<td class="txt_c">3.9</td>
<td class="txt_c">19.8</td>
</tr>
<tr>
<td>Opera 9</td>
<td class="txt_c">374</td>
<td class="txt_c">3.1</td>
<td class="txt_c">15.7</td>
</tr>
<tr>
<td>Firefox 1.5</td>
<td class="txt_c">201</td>
<td class="txt_c">1.7</td>
<td class="txt_c">8.4</td>
</tr>
<tr>
<td>IE 7</td>
<td class="txt_c">178</td>
<td class="txt_c">1.5</td>
<td class="txt_c">7.5</td>
</tr>
<tr>
<td>Maxthon</td>
<td class="txt_c">122</td>
<td class="txt_c">1</td>
<td class="txt_c">5.1</td>
</tr>
<tr>
<td>Opera</td>
<td class="txt_c">105</td>
<td class="txt_c">0.9</td>
<td class="txt_c">4.4</td>
</tr>
<tr>
<td>Opera 8</td>
<td class="txt_c">47</td>
<td class="txt_c">0.4</td>
<td class="txt_c">2</td>
</tr>
<tr>
<td>Avant Browser</td>
<td class="txt_c">36</td>
<td class="txt_c">0.3</td>
<td class="txt_c">1.5</td>
</tr>
<tr>
<td>Firefox 1</td>
<td class="txt_c">26</td>
<td class="txt_c">0.2</td>
<td class="txt_c">1.1</td>
</tr>
</table>
</body>
</html>
