Javascript-форум (https://javascript.ru/forum/)
-   Учебные материалы (https://javascript.ru/forum/study/)
-   -   Вопрос по взаимодействию с CSS (https://javascript.ru/forum/study/27042-vopros-po-vzaimodejjstviyu-s-css.html)

uniforever 31.03.2012 23:52

Вопрос по взаимодействию с CSS
 
У меня такой вопрос: К примеру у меня есть единица, которая находится в css файле, могу ли я ее от туда вытащить? И потом же разность нескольких единиц css вставить в тот же файл в margin?

T-sh 01.04.2012 00:09

а зачем вставлять в файл??? Свойства принадлежат элементам, можно взять уже заданное свойства элемента (допустим margin-left), что-нибудь с ним сделать (найти разность нескольких) и присвоить нужному элементу, тогда значение этого свойства (margin-left) у элемента изменится.

а отдельные css файлы — только для удобства, значения свойств могут быть прописаны где угодно: в самой странице; непосредственно в самом элементе; задаваться программно (javascript и т.п.)...

T-sh 01.04.2012 02:51

Цитата:

Сообщение от nasqad (Сообщение 166181)
подскажите как наложить цвет на бекграунд картинку?:3
допустим у меня есть светлый фон в клеточку, а я хочу придать ему прозрачный фиолетовый оттенок :) немогу в гугл, у самого только варианты с оберткой получаются:3

сделать светлый фон в клеточку полупрозрачным, а сам блок залить цветом, не? :)

для ie<9, естественно, костыль в виде обертки :)

T-sh 01.04.2012 03:16

Цитата:

Сообщение от nasqad (Сообщение 166190)
а практически?:3
background: url() red
не работает
хотя у меня есть подозрение что картинки не прозрачные <_>
и все же неплохо бы вариант когда цвет накладывается сверху а не снизу,
наверное нет варианта кроме обертки -_--

background: red url(bg.png);

работает :)

по стандартам CSS 2.1 цвет должен идти перед изображением :)

T-sh 01.04.2012 03:19

Цитата:

Сообщение от nasqad (Сообщение 166190)
Вообщем говоря я сперва увидел их, и не придал значения как реализована такая прекрасная подсветка, сейчас вот посмотрел реализацию и понял что такое мне не подходит -__-

:))) ну да, неплохо сымитировали заливку :)))

observer 01.04.2012 14:25

Цитата:

Сообщение от T-sh (Сообщение 166191)
по стандартам CSS 2.1 цвет должен идти перед изображением :)

В самом деле o_0? Цитату можно из спеки?

T-sh 01.04.2012 16:07

Цитата:

Сообщение от observer (Сообщение 166262)
В самом деле o_0? Цитату можно из спеки?

http://www.w3.org/wiki/CSS/Properties/background
Цитата:

Values: [<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | inherit

Amphiluke 01.04.2012 16:33

T-sh, знак || означает, что значения могут следовать в любом порядке.
Цитата:

Сообщение от www.w3.org
A double bar (||) separates two or more options: one or more of them must occur, in any order.

http://www.w3.org/TR/CSS2/about.html#value-defs

T-sh 01.04.2012 16:45

Цитата:

Сообщение от Amphiluke (Сообщение 166286)
T-sh, знак || означает, что значения могут следовать в любом порядке.

http://www.w3.org/TR/CSS2/about.html#value-defs

color всегда должен идти первым :)

работает:
div {
background: red url() ...; 
}


не работает:
div {
background: url() ... red; 
}


также не работает:
div {
background: url() red ...; 
}

Amphiluke 01.04.2012 16:52

Прекрасно работает… :yes:
http://jsfiddle.net/YwsfZ/


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