Мне удалось заставить этот код работать для меня, я не веб-дизайнер, и у меня мало знаний.необходимо прокручивать положение: фиксировано;
Я, наконец, получил свой сайт, как и следовало ожидать, за исключением функции прокрутки, страница должна иметь возможность прокручивать по вертикали, когда меняю «положение: исправлено»; на "позицию: прокрутка"; я получаю скроллбар, но это также дает мне белые рамки вокруг изображения и изображения карты Coords больше не будет работать ..
Извините за любые грамматические ошибки
Большое спасибо!
<html>
<head>
<meta charset="utf-8"/>
<title>Rolling Barrel :: Sport & Game</title>
<style>
div {
width: 100%;
}
img[usemap] {
border: none; height: auto; max-width: 100%; width: auto;
}
#background {
position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%;
}
</style>
</head>
<body>
<div>
<img src="background.jpg" id="background" width="1920" height="1080" usemap="#imagemap"/>
<map name="imagemap">
<area shape="rect" coords="45,35,178,93" href="/nieuw/home"/>
<area shape="rect" coords="193,35,337,93" href="/nieuw/nieuws"/>
<area shape="rect" coords="353,35,606,93" href="/nieuw/evenementen"/>
<area shape="rect" coords="622,35,895,93" href="/nieuw/beeldmateriaal"/>
<area shape="rect" coords="913,35,1066,93" href="/nieuw/contact"/>
<area shape="rect" coords="1082,35,1238,93" href="/nieuw/verhuur"/>
<area shape="rect" coords="1253,35,1422,93" href="/nieuw/zakelijk"/>
<area shape="rect" coords="1437,35,1882,93" href="/nieuw/rolling-barrel-centers"/>
</map>
</div>
<script src="jquery/1.js"></script>
<script src="jquery/2.js"></script>
<script>
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
</script>
</body>
</html>
'position: scroll' ... это недопустимое значение, http://www.w3schools.com/cssref/pr_class_position.asp. Вы ищете: 'overflow: scroll;'? – 40Alpha