Автор |
|
anonymousСъб, 18.08.12, 11:52 |
Здравейте! Опитвам се да поставя картинка като фон в <div>, но нещо не ми се получава. Къде греша? Ето кода: .osnoven
{
margin-top:-400px;
margin-left: 200px;
width:783px;
height:400px;
background-color: #B0E5E5;
position: absolute;
background-image: url("okean.jpg");
} |
Както се вижда в червено е оцветен файла, който искам да сложа за фон. Файла е в същата папка и не е необходим път до него. |
|
dreamskillСъб, 18.08.12, 12:47 |
това имаш ли го в отварящия div таг? |
|
anonymousСъб, 18.08.12, 15:26 | RE: Картинка като фон
” това имаш ли го в отварящия div таг? „ Да, в index.html |
|
phrozencrewСъб, 18.08.12, 15:46 | RE: Картинка като фон
??? Защо вадиш с маргин слоя. Това заради някакъв хак ли е? |
|
dreamskillСъб, 18.08.12, 18:49 |
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="osnoven">
</div>
</body>
</html> |
Ето моя html и бачка. Ако не използваш css файл, ето така би трябвало да изглежда. <head>
<style type="text/css">
.osnoven {
margin-top: -400px;
margin-left: 200px;
width:783px;
height:400px;
background-color: #B0E5E5;
position: absolute;
background-image: url("okean.jpg");
color: red;
}
</style>
</head>
<body>
<div class="osnoven">
</div>
</body>
</html> |
|
|
phrozencrewСъб, 18.08.12, 20:44 |
Бачка му, обаче не се вижда нищо, защото така както е зададено изпраща слоя някъде в небитието над браузера : margin-top: -400px; height:400px; Едното от тия двете трябва да се разкара или да се промени, иначе е доста безсмислено. |
|
dreamskillСъб, 18.08.12, 21:04 |
Това сигурно е някакъв хак или e ư̴̷̝̱̞̘͈͙̝̼̬̲̪͗ͬ͆͌̾̋̒ͧ̍͞ǝ̶̨̑́͒̔ͨ̒͑ͦ̓͑̄̐̈̃ͫ́̚̚͡҉̙̱͔̳̝͍͚̤̖̳̤̝̜̗̩̭ɹͩ̆̇̎͒ͬ̈̅ͩ̀ͭ͐̎͋̑͘҉̠͙̼̰̺̹̙͓̼͙̩̭̫͙͇̝̠̦ɟͫͫͩ͒̇̌̏͗̆ͦ͏͘͘҉̤̱̝̖̹̥͚̺̥̩̥̠͉ó̧ͧͯ̎̈́ͮͦ̽́̿҉̷̥̖͔͍͖̥͍̮̩͚͉͞ƃ̷̢̮̜̲͖̖̗͈͇̬͍͚͎̲̤ͮ̊ͪ́ͩ̏ͤ̈̚͞ı̷̷̡̜̠͔̱̣̳̟̫̻̤̹̋̇ͬͣ̂̔ͣ̽́̀ן̟̘̤̝̜̦̲͚͈̪͉̘̽́́̉̎̂͊͘͞͡o̷͇̬̮̱̘͚͕̣̣̫͍̦̙̽̐ͥ͌͐͊͊ͬ̃ͦͧͪ͘ ͉̞͖̙͕̻̙͍̬̰ͫ͆̈́ͥ̿̏̓̄̀͑̚͜͟ʇ̶̛̘̩̭̯͈̻͙̍ͮ͐̀͠ͅs̯͙̣͖͚̲̭̖͖̳̹͔̺̙̊̍͊ͬͨ̍͂̕̕͢ō̧͓̗̰̞̟͎̅͆ͬ͗ͣ̚͟ɹ̸̸̧̜̯͉͈̰̭̂̏ͮ̈͛͌̀̕ḋ̨ͬ̊̆ͯͪͦͤ̌̍ͨ͏̴͈̫̪̯̹̮̘̳ ̸̷̡̛̦̻̫͇̯̆̌ͬ̓̑͞d͑̏̈́̓͆̐ͧͦ̀͢͜͏͈̙̞͕nͪ̇̅̀̓ͧ͛̇҉̧͚̲̙͙̖̙͢ʇ̽̽̓͂̂͂̿͘͜͏̵̰̪͔̳̬̦̗͚̥̮̤̙̘̘͓͜ . |
|
anonymousНед, 19.08.12, 02:11 | RE: Картинка като фон
” Това сигурно е някакъв хак или e ư̴̷̝̱̞̘͈͙̝̼̬̲̪͗ͬ͆͌̾̋̒ͧ̍͞ǝ̶̨̑́͒̔ͨ̒͑ͦ̓͑̄̐̈̃ͫ́̚̚͡҉̙̱͔̳̝͍͚̤̖̳̤̝̜̗̩̭ɹͩ̆̇̎͒ͬ̈̅ͩ̀ͭ͐̎͋̑͘҉̠͙̼̰̺̹̙͓̼͙̩̭̫͙͇̝̠̦ɟͫͫͩ͒̇̌̏͗̆ͦ͏͘͘҉̤̱̝̖̹̥͚̺̥̩̥̠͉ó̧ͧͯ̎̈́ͮͦ̽́̿҉̷̥̖͔͍͖̥͍̮̩͚͉͞ƃ̷̢̮̜̲͖̖̗͈͇̬͍͚͎̲̤ͮ̊ͪ́ͩ̏ͤ̈̚͞ı̷̷̡̜̠͔̱̣̳̟̫̻̤̹̋̇ͬͣ̂̔ͣ̽́̀ן̟̘̤̝̜̦̲͚͈̪͉̘̽́́̉̎̂͊͘͞͡o̷͇̬̮̱̘͚͕̣̣̫͍̦̙̽̐ͥ͌͐͊͊ͬ̃ͦͧͪ͘ ͉̞͖̙͕̻̙͍̬̰ͫ͆̈́ͥ̿̏̓̄̀͑̚͜͟ʇ̶̛̘̩̭̯͈̻͙̍ͮ͐̀͠ͅs̯͙̣͖͚̲̭̖͖̳̹͔̺̙̊̍͊ͬͨ̍͂̕̕͢ō̧͓̗̰̞̟͎̅͆ͬ͗ͣ̚͟ɹ̸̸̧̜̯͉͈̰̭̂̏ͮ̈͛͌̀̕ḋ̨ͬ̊̆ͯͪͦͤ̌̍ͨ͏̴͈̫̪̯̹̮̘̳ ̸̷̡̛̦̻̫͇̯̆̌ͬ̓̑͞d͑̏̈́̓͆̐ͧͦ̀͢͜͏͈̙̞͕nͪ̇̅̀̓ͧ͛̇҉̧͚̲̙͙̖̙͢ʇ̽̽̓͂̂͂̿͘͜͏̵̰̪͔̳̬̦̗͚̥̮̤̙̘̘͓͜ . „ по ми прилича на не какви недописани домашни |
|
anonymousПон, 20.08.12, 08:45 |
Разбрах си грешката - файла ми с картинката не е бил в папката на стиловете. Не знаех за това, мислех си че трябва да е в папката на index-файла. Освен това не бях използвала float и затова се беше наложило да слагам "-400" за разстояние отгоре. Сега го махнах, сложих си float и всичко се оправи. Благодаря на всички. Сега ме вълнува един друг проблем: Искам върху фона да сложа картинка, която обаче да няма фон. Нали като се създава картинка, около нея остава фон-например бял, и става правоъгълник с този бял фон. Искам върху фона на страницата да остане само картинката (например кола), а не правоъгълника. |
|
phrozencrewПон, 20.08.12, 09:11 |
Използвай прозрачен (transparent) GIF или PNG. Имай в предвид, че до IE7 (а и по-следващите понякога) има проблем с прозрачните PNG-картинки - тъпа политика на M$, за да забавят развитието на WEB. |
|