Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Генерация фона (https://javascript.ru/forum/xhtml-html-css/22734-generaciya-fona.html)

debugx 31.10.2011 16:13

Генерация фона
 
Всем привет?
Как в css3 или в яваскрипте или jquery сгенерить такой фона для элемента?

цвет нужно задавать скриптом.

vflash 31.10.2011 16:39

фоновая png картинка (4х4 клеток) и нужный цвет background-color.

Magneto 31.10.2011 16:40

<html><head>
<style>
body {
  background-color: red;
  background-image: url('http://dl.dropbox.com/u/6001712/javascript.ru/bg.png')}
</style>
</head><body>
  <button onclick="document.body.style.backgroundColor = 'red'">Red</button>
  <button onclick="document.body.style.backgroundColor = 'green'">Green</button>
  <button onclick="document.body.style.backgroundColor = 'blue'">Blue</button>
</body></html>

ksa 31.10.2011 16:46

Цитата:

Сообщение от debugx
Как в css3 или в яваскрипте или jquery сгенерить такой фона для элемента?

Таки простым ЦССом можно... :)

<style type="text/css">
div {
	width: 200px;
	height: 200px;
	border: 1px solid;
	background: url('http://s017.radikal.ru/i414/1110/84/f8d8987029cc.png') -13px;
}
</style>
<div></div>


Допиксельно не подгонял... Но думаю что идея понятна. Смотрел в Опере и ИЕ8...

Magneto 31.10.2011 16:56

Цитата:

Сообщение от ksa
Таки простым ЦССом можно...

и где возможность задавать цвет?

ksa 31.10.2011 16:58

Цитата:

Сообщение от Magneto
и где возможность задавать цвет?

Такой цвет фона ты нигде не задашь... :D

Magneto 31.10.2011 17:01

Цитата:

Сообщение от ksa
Такой цвет фона ты нигде не задашь.

Попахивает неадекватностью.

ksa 31.10.2011 19:56

Цитата:

Сообщение от Magneto
Попахивает неадекватностью.

Тебе виднее... :D

trikadin 31.10.2011 21:56

ksa, а зачем сдвиг?

Magneto 31.10.2011 22:01

Цитата:

Сообщение от trikadin
ksa, а зачем сдвиг?

Сдвиг нужен чтоб фон начинался не с белой клеточки а с цветной.


Часовой пояс GMT +3, время: 12:25.