Devo inserire un logo con le seguenti caratteristiche:
848 X 820 pixel dimensione pixel: 1,99 MB
7,18 X 6,94 cm
300 pixel/pollice
in un'immagine di sfondo con le seguenti caratteristiche:
1280 X 800 pixel dimensione pixel: 2,93 MB
10,84 X 6,77 cm
300 pixel/pollice
ma quando visualizzo lo sfondo con il logo, quest'ultimo risulta sgranato,
come posso risolvere questo problema?
di seguito il css relativo alla pagina html
grazie
html, body
{
min-height: 100%;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
font: 9pt/11pt Arial;
color: #000000;
}
html>body, html>body
{
height: auto;
}
#sfondo
{
position: absolute;
z-index: 1;
height:100%;
width: 100%;
margin: 0;
padding: 0;
}
#sfondo_navbar
{
position: absolute;
z-index: 2;
width: 10%;
height: 59%;
left: 14%;
top: 63%;
}
#navbar
{
position: absolute;
z-index: 3;
width: 6%;
height: 38%;
top: 20%;
left: 3%;
padding: 1%;
}
#navbar ul
{
list-style: none;
margin: 0;
padding: 0;
}
#navbar li
{
border-bottom: 0px solid #000000;
margin-bottom: 0.3em;
}
#navbar li a:link, #navbar a:visited, a
{
text-decoration: none;
color: #000000;
}
#navbar li a:hover, #navbar a:hover
{
color: #E00B12;
}
#sfondo_contenuto
{
position: absolute;
z-index: 4;
width: 40%;
height: 59%;
left: 24%;
top: 63%;
}
#contenuto
{
position: absolute;
z-index: 5;
width: 28%;
height: 65%;
left: 13%;
top: 19%;
padding: 1%;
overflow: auto;
}
#contenuto a
{
text-decoration: underline;
}