Форум

alma95 · #1 (**permalink**) 01.04.2012, 16:24

Всем добрый день. Спрошу одну элементарную вещь, сильно не судите.
Как сделать что бы подобно css в данном коде сначала загружался цвет, а пото сверху накладывалась картинка?
Тут я вижу лишь такой выбор:

elem.style.backgroundImage =    (картинка)

или

elem.style.background =   (цвет)

А можно ли сделать что то типа такого??

elem.style.background = '#31972f url(/images/headm.png)';

Заранее спасибо!!!

T-sh · #2 (**permalink**) 01.04.2012, 17:34

Object.style.background="color image repeat attachment position";

alma95 · #3 (**permalink**) 01.04.2012, 17:43

Данная строка не работает, вроде бы сделал как вы написали

object.style.background = "#31972f url(/images/headm.png)";

alma95 · #4 (**permalink**) 01.04.2012, 17:50

function headmenstyle(objectId) {
  object = document.getobjectById(objectId);
  object.style.background = "#31972f url(/images/headm.png)";
}

А за тем онкликом я меняю цвет своего блока

T-sh · #5 (**permalink**) 01.04.2012, 18:01

<html>
<head>
  <style type='text/css'>
        #elem{
                  height: 100px;
                  width: 100px;         
        }
    </style>
    <script type='text/javascript'>
         function cBg(){
                      document.getElementById('elem').style.background = "#828484 url(bg.png)";
       }
   </script>
</head>
<body>  
   <div id='elem'></div><br/>
   <input type='button' value='Click' onclick='cBg()'/>  
</body>
</html>

T-sh · #6 (**permalink**) 01.04.2012, 18:07

привязывайте изменение к событиям, например:

window.onload = function(){ document.getElementById('elem').style.background = "red url(bg.png)"; }

alma95 · #7 (**permalink**) 01.04.2012, 21:21

T-sh, спасибо огромное!!!

Форум

Справочник

Discord чат

Курсы javascript