Jag har problem med att bakgrundsfärgen flimrar om en tabell innehåller en cell som i sin tur använder ett expression.
Här är ett kraftigt förenklat exempel. Testa att dra muspekaren över siffrorna 1-10. (IE 6+)
<html>
<head>
<style>
table {cursor:default;border-collapse:collapse;}
td {border:1px solid #555;width:10px;}
[red]/* Denna klass skapar flimmer i overRow() */
.lockx {left:expression(document.getElementById('test').scrollLeft);}[/red]
</style>
<script>
// Change color on list rows
function overRow(element){
for(i=0;i<element.children.length;i++){
element.children.item(i).style.backgroundColor="#F00";
}
}
function outRow(element){
for(i=0;i<element.children.length;i++){
element.children.item(i).style.backgroundColor="";
}
}
</script>
</head>
<body>
<table cellspacing="0">
<tr onmouseover="overRow(this)" onmouseout="outRow(this)">
<td class="lockx">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
</table>
<div id="test">Test</div>
</body>
</html>