Сообщение # 1 | 18:37:50 02 Фев 2014
Здравствуйте.
Будьте любезны, помогите, пожалуйста.
Я сделал страницу, на странице ссылка, при нажатии на ссылку выводится всплывающее окно но осталась проблема:
В окне открывается интерактивная карта города, в городе есть районы, и на карте при наводке на определенный район, выводится его название.
Проблема заключается в том, что название района выводится на заднем фоне, можно ли как-то вынести его, чтобы оно было видимым на переднем фоне?
Вот скриншот, я навел на район 7, и справа выводится его название, правда на заднем фоне, хотелось бы на переднем, что бы было полностью его видно. Также вот код документа. Заранее благодарю.
Вот код:
<!DOCTYPE html>
<head>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<title>123</title>
<style>
/* --------------------------------------------------
Reveal Modals
-------------------------------------------------- */

.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;
}

.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 520px;
background: #ffffff;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
display:block
cursor: pointer;
}
</style>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="script1.js"></script>

<style type="text/css">
body { font-family: "HelveticaNeue","Helvetica-Neue", "Helvetica", "Arial", sans-serif; }
.big-link { display:block; margin-top: 100px; text-align: center; font-size: 70px; color: #06f; }

</style>

</head>
<body>
<h1 style="text-align:center;font: bold 24px Arial,sans-serif; color:#FFCC66;;text-shadow: 1px 1px 2px #000;behavior: url(byn.htc);}"><script type="text/javascript">document.write(document.title)</script></h1>

<a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">ССЫЛКА</a>



<div id="myModal" class="reveal-modal"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function over(tip)
{
tooltips = document.createElement('div');<!-- div -->
document.body.appendChild(tooltips);
tooltips.innerHTML = tip;
tooltips.style.position = 'absolute';
tooltips.style.background = '#FFFFFF';<!-- -->
tooltips.style.border = 'solid 1px #346fdc';<!-- -->
tooltips.style.padding = '4px';
tooltips.style.zIndex = '10';
move();
}
function move(e)
{
e = e || window.event
if (e.pageX == null && e.clientX != null )
{
var html = document.documentElement
var body = document.body
e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
e.pageY = e.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
}
tooltips.style.left = e.pageX + 15 + 'px';
tooltips.style.top = e.pageY + 15 + 'px';
}
function out()
{
document.body.removeChild(tooltips);
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> </title>
</head>

<body>
<img src="http://tatartravel.com/kznmap.jpg" width="512" height="497" usemap="#Map" border="0" />
<map name="Map" id="Map">
<area class="lands" shape="poly" coords="246,483,244,367,288,311,323,312,326,306,334,304,334,294,330,284,344,275,349,279,352,285,361,285,366,282,371,273,384,283,393,296,391, 318,398,319,403,312,409,310,413,311,419,308,421,304,427,306,428,309,436,309,443,308,453,303,460,310,478,311,487,310,492,308,505,321,502,324, 498,330,493,335,484,343,475,342,474,348,438,351,432,349,433,353,429,353,410,351,410,353,422,356,424,362,423,373,417,382,403,390,409,400,394, 399,394,412,395,419,387,427,386,430,388,434,389,437,394,443,393,445,382,443,379,452,376,458,368,464,363,462,345,441,345,438,349,433,347,429, 342,428,331,436,320,444,311,448,301,453,293,460,282,463,269,470,260,475" href="Приволжский" onmouseover="over('<b>Приволжский район</b>')" onmousemove="move(event)" onmouseout="out()" data-maphilight='{"fillColor":"964b00"}' />
<area shape="poly" coords="262,285,287,310,320,311,327,305,333,306,335,301,333,297,335,294,331,284,332,280,338,277,345,273,350,280,353,284,358,285,363,283,368, 277,371,272,378,273,384,281,391,292,394,296,399,291,401,281,398,271,395,265,390,256,392,250,395,243,396,236,395,228,396,222,400,217,395,205, 384,209,374,211,370,211,362,216,350,216,338,215,329,215,321,215,311,226,289,254" href="Вахитовский" onmouseover="over('<b>Вахитовский район</b>')" onmousemove="move(event)" onmouseout="out()" data-maphilight='{"fillColor":"964b00"}' />
<area shape="poly" coords="441,98,453,81,446,73,446,67,450,64,453,65,452,60,453,54,458,48,467,43,472,53,479,59,482,69,481,76,477,88,476,96,477,99,482,100,484,1 06,486,117,476,124,478,129,479,135,474,141,478,151,472,152,462,152,462,165,461,172,465,179,464,185,457,192,454,194,452,201,455,209,459,214,4 54,220,456,230,465,231,477,230,475,240,484,260,491,259,493,266,493,273,491,284,492,294,493,302,490,309,463,310,456,303,446,306,437,309,433,3 08,428,305,425,301,422,305,419,308,414,310,407,309,395,318,393,298,402,291,403,284,401,273,398,265,395,257,393,253,395,245,397,241,398,238,3 99,230,397,226,401,221,403,219,403,216,400,214,399,206,397,204,391,206,386,206,385,205,398,187,400,182,399,172,408,163,403,156,405,140,404,1 35,401,136,396,137,394,135,395,129,398,125,403,118,407,115,407,110,409,109,411,109,414,109,417,106,423,103,428,103,431,98,434,100,439,109,44 3,117,446,121,455,120,460,119,467,117,474,115,476,112,478,111,478,108,478,107,475,104,470,104,467,104,462,106,458,108,451,104,447,103" href="Советский" onmouseover="over('<b>Советский район</b>')" onmousemove="move(event)" onmouseout="out()" data-maphilight='{"fillColor":"964b00"}' />
<area shape="poly" coords="303,133,309,166,328,167,330,213,345,215,354,216,359,216,364,216,369,209,378,209,389,197,397,189,399,184,397,172,408,164,403,156,403, 151,403,149,405,145,406,140,405,138,398,138,395,138,393,136,393,131,394,128,375,117" href="Ново-Савиновский" onmouseover="over('<b>Ново-Савиновский район</b>')" onmousemove="move(event)" onmouseout="out()" data-maphilight='{"fillColor":"964b00"}' />
<area shape="poly" coords="375,117,376,107,387,113,393,105,368,87,367,70,366,66,363,65,357,65,346,65,337,65,322,59,315,54,315,48,316,45,323,45,323,38,322,35,31 8,34,314,33,313,34,313,37,310,37,305,32,301,32,298,33,297,39,294,48,294,51,288,51,282,47,274,45,262,47,252,48,248,44,245,42,248,39,251,35,25 3,33,254,29,254,25,251,25,247,25,244,24,241,21,237,17,223,26,217,106,231,112,242,117,260,119,265,120,262,138" href="Авиастроительный" onmouseover="over('<b>Авиастроительный район</b>')" onmousemove="move(event)" onmouseout="out()" data-maphilight='{"fillColor":"964b00"}' />
<area shape="poly" coords="262,284,321,214,324,207,324,201,318,192,312,192,309,190,302,181,300,180,295,179,289,176,285,173,279,178,267,173,258,169,256,166,250, 163,243,164,238,164,213,115,199,105,188,105,158,100,143,98,135,94,128,89,120,87,110,90,108,97,100,97,92,105,84,106,76,100,72,104,66,100,54,9 6,49,98,45,92,41,95,35,91,34,100,30,103,29,99,28,103,26,108,17,112,12,116,10,125,28,130,39,133,44,134,42,139,48,141,45,151,40,156,37,156,32, 156,30,158,30,161,26,167,22,169,11,169,12,176,18,180,15,241,218,242" href="Кировский" onmouseover="over('<b>Кировский район</b>')" onmousemove="move(event)" onmouseout="out()" data-maphilight='{"fillColor":"964b00"}' />
<area shape="poly" coords="120,86,127,88,143,98,163,100,186,103,201,106,213,115,226,140,238,164,250,165,265,171,278,177,283,172,294,178,302,179,308,189,317,191 ,322,196,324,202,323,208,321,213,329,214,327,168,311,168,302,133,262,139,264,122,218,106,222,27,235,17,230,11,227,9,223,8,220,12,212,15,204, 14,201,13,195,16,178,4,172,5,172,7,168,8,162,7,162,12,156,14,156,17,167,19,167,27,169,30,171,34,174,34,174,46,161,46,151,49,140,56,132,65,13 0,70,123,70,125,78,126,83" href="Московский" onmouseover="over('<b>Московский район</b>')" onmousemove="move(event)" onmouseout="out()" data-maphilight='{"fillColor":"964b00"}' />
</map>
</body>
</html>


<a class="close-reveal-modal" onclick="return confirmDelete();">Х</a> </div>

</body>
</html>