Как изменить размер изображения на браузере

Мне нужно установить фоновое изображение моего веб-сайта на это изображение.Как изменить размер изображения на браузере

enter image description here

Однако, когда я смотрю на страницу, я вижу белое пространство на этой странице, как показано на рисунке ниже:

enter image description here

Я хочу, чтобы картина, чтобы покрыть все пространство, и когда Я открываю сайт на любом компьютере, он должен показывать то же самое. Наконец, я не мог писать текст в средней части центра изображения. Не сверху, а в центре внимания. Вот то, что я до сих пор

enter image description here

Мне нужно, чтобы этот текст на странице в средней части. Не в верхней части страницы, а в середине. Вот короткий фрагмент кода, который я до сих пор:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ka-ge" lang="ka-ge" > 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
</head> 
<style> 
#links { 
    postiton:absolute; 
    margin: 0 auto; 
    width: 4800px; 
    font-size:50px; 
    clear: both; 
    display: block; 
    z-index:-90; 
} 
#test a { 
    float: right; 
} 
a, a:active, a:visited { 
    color: light-blue; 
    a {text-decoration:none;} 
} 
</style> 
<style> 

a {text-decoration:none;} 
</style> 

<body > 


<a href="eng/index.html"><img src ='english.gif' style="float:right" width="90" height="90"> </a> 
<a href="russ/index.html"><img src ='russian.gif' alt="Russian flag" style="float:right" width="90" height="90"/></a> 
<a href="index.html"> <img src="georgian.jpg" style="float:right" width="90" height="90"/></a> 
<img src="11.gif" width="100%" height="100%"/> 
<div id="links"> 

<a href=" index.html " >მთავარი </a> 
&nbsp; 
<a href=" ბაკურიანი.html ">ბაკურიანი </a> 
&nbsp; 
<a href=" გუდაური.html ">გუდაური </a> 
&nbsp; 
<a href=" ზღვა.html ">ზღვა </a> 
&nbsp; 
<a href=" კახეთი.html ">კახეთი </a> 
&nbsp; 
<a href=" სვანეთი.html ">სვანეთი </a> 
&nbsp; 
<a href=" ვარძია.html ">ვარძია </a> 
&nbsp; 
<a href=" ქართლი.html ">ქართლი </a> 
&nbsp; 
<a href=" ძველი_თბილისი.html ">ძველი_თბილისი </a> 
&nbsp; 
<a href=" დაკავშირება.html ">კონტაქტი </a> 
</div> 
</body> 
</html>

источник

2012-08-07 dato datuashvili

Я думаю, что вы хотите свойство CSS 'background-image'. –

и как это сделать? Будет ли это работать? –

Посмотрите на этот классный фон объяснения https://developer.mozilla.org/en-US/docs/CSS/background-image – Onheiron

Я сделал небольшое изменение в коде, как показано ниже:

</head> 
< style> 
#links { 

position:absolute; 
margin: 0 auto; 
top: 50%;  //centers vertically 
left: 50%;  //centers horizontally 
width: 4800px; 
font-size:50px; 
clear: both; 
display: block; 
z-index:-90; 
}

...

и в теге тела а также:

<body background="11.gif">

над тегом тела устанавливает ваше изображение в фоновом режиме. Вы можете изменить размер изображений, то есть растягивать или сжимать их, используя атрибуты «высота» и «ширина» в тегах < img>, чтобы установить их размеры. Теперь вы можете разместить любой текст, ссылку или другие изображения поверх фонового изображения.

Попробуйте!

источник

2012-08-08 06:16:39 qwerty

Как изменить размер изображения на браузере

ответ

Смежные вопросы