| |
|
|
| | Имеем, HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" href="style.css" type="text/css" media="screen">
</head>
<body>
<div id="menu1"><a href="menu1.htm"</a></div>
<div id="menu2"><a href="menu2.htm"</a></div>
</body>
</html>
|
CSS:
#menu2 a:link
{
display: block;
width: 82px; height: 20px;
background: url("pic/menu2.jpg") 0 0 no-repeat scroll;
border: 1px solid red;
margin: 0 0 0 0;
}
#menu2 a:hover
{
width: 82px; height: 20px;
background: url("pic/menu2.jpg") -82px 0 no-repeat scroll;
border: 1px solid red;
margin: 0 0 0 0;
}
#menu1 a:link
{
display: block;
width: 59px; height: 20px;
background: url("pic/menu1.jpg") 0 0 no-repeat scroll;
border: 1px solid red;
margin: 0 0 0 0;
}
#menu1 a:hover
{
width: 59px; height: 20px;
background: url("pic/menu1.jpg") -59px 0 no-repeat scroll;
border: 1px solid red;
margin: 0 0 0 0;
}
|
Первая ссылка работает на УРА во всех браузерах, а вот вторая именно в Opera (9.26) никак не реагирует на наведение курсора, зато в других браузерах все отлично! Что такое? | |
| |
|
