Не използвам CSS3. Затова не мога да използвам атрибутите opacity
или filter
. Без да използвам тези атрибути, как мога да направя прозрачен цвета на фона на div
? Това трябва да е нещо като примера с текстовото поле в този линк. Тук цветът на фона на текстовото поле е прозрачен. Искам да направя същото, но без да използвам гореспоменатите атрибути.
Проблемът с непрозрачност
е, че тя ще повлияе и на съдържанието, а често не искате това да се случва.
Ако просто искате елементът ви да е прозрачен, това е толкова лесно, колкото :
background-color: transparent;
Но ако искате той да бъде в цветове, можете да използвате:
background-color: rgba(255, 0, 0, 0.4);
Или дефинирайте фоново изображение (1px
на 1px
), записано с правилната стойност alpha
.
(За целта използвайте Gimp
, Paint.Net
или друг софтуер за изображения, който ви позволява да правите това.
Просто създайте ново изображение, изтрийте фона и поставете полупрозрачен цвят в него, след което го запазете в png).
Както беше казано от René, най-добре би било да смесите двете, като първо използвате rgba
, а изображението 1px
на 1px
като резервен вариант, ако браузърът не поддържа алфа:
background: url('img/red_transparent_background.png');
background: rgba(255, 0, 0, 0.4);
Вижте също : http://www.w3schools.com/cssref/css_colors_legal.asp.
Демо : [My JSFiddle](
)Непрозрачността дава прозрачност или прозрачност. Вижте пример [Свирете тук][1].
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
filter: alpha(opacity=50); /* IE 5-7 */
-moz-opacity: 0.5; /* Netscape */
-khtml-opacity: 0.5; /* Safari 1.x */
opacity: 0.5; /* Good browsers */
Забележка: това НЕ са CSS3 свойства
Вижте http://css-tricks.com/snippets/css/cross-browser-opacity/
прозрачен е настройката по подразбиране за цвят на фона