como posicionar um fundo para uma imagem grande que é centralizada no centro da página?
Eu tenho uma imagem com dimensão com dimensões2350 * 180.
Eu estou trabalhando na lacuna de telefone. Portanto, preciso fornecer o código em um formato genérico para que seja aplicável a qualquer dispositivo.
Agora, tenho uma imagem de fundo para essa imagem grande.
style="background:url("img/bg.png") no-repeat fixed center top; width:100%; height:100%; "
este código funciona apenas para alguns ... Existe algum erro no meu código?
outra pergunta, é quando eu rolar há barra de rolagem que é visível. Então eu adicionei
style="overflow:hidden;"
<img src=""/> tag.
Estou correto ou qualquer outro código deve ser adicionado?
EDITAR:
HTML
<body style="style="background:url("img/bg.png") no-repeat fixed center top; width:100%; height:100%;" class="body">
<div id="image" class="noSelect">
<table class="table">
<tr>
<td class="main">
<img src="http://www.rhpstudio.com/images/google_icon.png" alt="map" usemap="#map" style="overflow:hidden;" />
</td>
</tr>
</table>
</body>
Eu estou tomando sobre este fundobackground: url ("img / bg.png") no código, e esta imagem dada aqui em é uma amostra, mas sua dimensão é2350 * 180.
EDIT: 2 -> código inteiro
CÓDIGO HTML:
<body style="background-image:url(img/bg.png);" class="body">
<div id="image" class="noSelect" style="height:100%;">
<table class="table">
<tr>
<td class="main">
<img src="img/list.png" alt="bloodtestmap" usemap="#bloodtestmap" class="noSelect" style="overflow:hidden;" />
</td>
</tr>
</table>
CÓDIGO CSS:
.body, .main_html
{
height: 100%;
margin: 0;
}
.body
{
overflow: hidden;
background-size: 100% 100%;
}
.table
{
width: 100%;
height: 100%;
text-align: center;
}
.main
{
max-width: 100%;
vertical-align: middle;
}