2016-09-12 4 views
-1

у меня цвет из базы данных для каждой фотографии, как показано ниже:Как передать параметр из HTML в CSS?

enter image description here

Я хотел бы передать этот цвет в CSS. Для чего я хочу добиться, чтобы этот цвет был прозрачным над изображением с непрозрачностью 0,7. Когда я наведите курсор мыши, он изменит непрозрачность на 1. Вот почему я хочу передать ее в CSS.

Как я могу это достичь? Я действительно не хочу использовать Javascript или jQuery для этого. Я бы хотел использовать только чистый CSS.

Я подумываю использовать встроенный элемент, как это звучит?

Спасибо.

+2

CSS для укладки только, вы не можете передать параметры или из него. Вам нужно будет использовать JS (или любой язык, на котором вы используете серверную часть) –

+0

В конечном итоге я использую встроенный элемент

. Затем примените непрозрачность к классу client-overlay. – Vicheanak

ответ

-1

Вам нужно будет использовать javascript.

например.

<button type="button" onclick="document.getElementById('id1').style.color = 'red'">

(взято из http://www.w3schools.com/js/js_htmldom_css.asp)

+0

Вы также можете использовать свойство: hover css, например. .MyClass: hover {css} однако значения таблицы стилей CSS не могут быть динамически изменены без javascript. –

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