Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.91/11: Рейтинг темы: голосов - 11, средняя оценка - 4.91
 Аватар для Братуха
5 / 5 / 5
Регистрация: 15.07.2012
Сообщений: 773

В ie не работает полупрозрачный фон

24.10.2013, 21:31. Показов 2177. Ответов 10
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Помогите не работает полупрозрачный фон в IE вот стили которые я использую для блока
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.view-third .mask {
   background-color: rgba(30,20,9,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;   
}
 
.view-third:hover .mask {
  background-color: rgba(30,20,9,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   transform: translate(0px, 0px);
     zoom: 1;
Зарание большое спасибо.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
24.10.2013, 21:31
Ответы с готовыми решениями:

полупрозрачный фон
Подскажика как сделать фон дива полупрозрачным

Полупрозрачный задний фон
С помощью чего это модно сделать максимально рационально? Можно ли использовать filter ?

Полупрозрачный фон, но непрозрачный текст
А если изображение сделать в виде фона и менять прозрачность, то этот метод уже не подходит background: rgba(245, 222, 179, 0.7); ...

10
1030 / 682 / 297
Регистрация: 04.04.2013
Сообщений: 2,751
24.10.2013, 21:39
Мой вам совет не нагружать css всякой дрянью. Создайте картинку размером 1х1, залейте её цветом и сделайте ей полупрозрачность, естественно сохраните в png и используйте на сайте.
1
 Аватар для koza4ok
632 / 440 / 67
Регистрация: 19.09.2012
Сообщений: 1,632
24.10.2013, 22:21
Попробуйте так:
CSS
1
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0, enabled=false);
Если не сработает включите лайоут дл этого элемента
CSS
1
zoom:1
1
 Аватар для Братуха
5 / 5 / 5
Регистрация: 15.07.2012
Сообщений: 773
25.10.2013, 12:51  [ТС]
И не тот и не другой способ не получился. Попробовал заменить картинкой во всех браузерах хорошо, а в всеми любимом ie почему-то фон как будто он на черной картинке находится. В чем проблема?
0
1030 / 682 / 297
Регистрация: 04.04.2013
Сообщений: 2,751
25.10.2013, 13:46
Уточните версию IE.
1
 Аватар для Братуха
5 / 5 / 5
Регистрация: 15.07.2012
Сообщений: 773
25.10.2013, 13:59  [ТС]
7 версия
0
1030 / 682 / 297
Регистрация: 04.04.2013
Сообщений: 2,751
25.10.2013, 14:12
Не припомню я, чтоб в семёрке были проблемы. Дайте картинку, которую вы использовали.
1
 Аватар для Братуха
5 / 5 / 5
Регистрация: 15.07.2012
Сообщений: 773
25.10.2013, 14:23  [ТС]
Цитата Сообщение от 35cm Посмотреть сообщение
Не припомню я, чтоб в семёрке были проблемы. Дайте картинку, которую вы использовали.
Название: bg_carousel_hover.png
Просмотров: 82

Размер: 141 байт, может я что-то с кодом намудрил.
0
 Аватар для Братуха
5 / 5 / 5
Регистрация: 15.07.2012
Сообщений: 773
25.10.2013, 14:35  [ТС]
Не знаю пытаюсь архив загрузить но не получается картинка полупрозрачная png в остальных же ведь все в порядке, может я неправильно код собрал.
0
1030 / 682 / 297
Регистрация: 04.04.2013
Сообщений: 2,751
25.10.2013, 14:59
Ну дайте картинку и приведите код.
1
 Аватар для Братуха
5 / 5 / 5
Регистрация: 15.07.2012
Сообщений: 773
25.10.2013, 16:04  [ТС]
Цитата Сообщение от 35cm Посмотреть сообщение
Ну дайте картинку и приведите код.
Картинку не могу пишет что я ее уже использовал в этой теме. Я говорю что проблема возникла при загрузке. черт с этой картинкой вот html
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div class="view view-third">
                    <img src="images/new_1.jpg" />
                    <div class="mask">
                        <div class="action">NEW</div>
                        <p><a href="">ссылка</a>
 
                        <div class="price">
                        Цена: <span class="new_price">65 000 </span>руб./кв.м
                        </div> </p>
                       
                    </div>
                 </div>
а вот css
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
.view {
   width: 217px;
   height: 169px;
   float: left;
   overflow: hidden;
   
   position: relative;
  
}
.view .mask,.view .content {
   width: 217px;
   height: 169px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   color:#FFFFFF;
}
.view p { padding: 40px 0px 0px 15px; font-size:14px;}
 
.view a {
   display: inline-block;
   color: #fff;
  
}
 
.view a:hover {
text-decoration: none;
}
 
.view .action{
    background:url(../images/action_hover.png) no-repeat; 
    height:62px; 
    width:62px; 
    position:absolute; 
    font-size:14px; 
    font-weight:600; 
    padding: 10px 0 0 3px;
}
.view .price{
    padding:5px 0 0 15px; 
    font-size:14px; 
    text-decoration:none;
}
 
.view span.new_price{
    font-size:25px;
}
 
.view span.line_through {
    text-decoration: line-through;
}
 
.view span.old_price{
    color:#d3c7bb;
}
 
.view-third .mask {
   background:url(../images/bg_carousel_hover.png);
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0, enabled=false);
   filter: alpha(opacity=0);
   opacity: 0; 
   zoom: 1;  
}
 
.view-third:hover .mask {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0, enabled=false);
    filter: alpha(opacity=100);
    opacity: 1;
    zoom: 1;
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
25.10.2013, 16:04
Помогаю со студенческими работами здесь

Полупрозрачный фон/картинка css
Собственно необходимо сделать полупрозрачный фон(что-бы он был на всю страницу), а под него запилить картинку обычную,а уже поверх я буду...

Как задать полупрозрачный фон?
#selector { property:value; property:value; property:value; } * body * wrapper * header ...

Полупрозрачный фон, но непрозрачный текст
Помогите сделать полупрозрачный фон, но что бы текст был не прозрачным. Вот код который сейчас есть: background: #CEAB6B; ...

Полупрозрачный фон для ссылок
Как задать полупрозрачный фон при наведении на ссылку? Стандартный opacity применяет эффект также к дочерним элементам, т.е. текст тоже...

Полупрозрачный фон, вместо цвета
Не могу сделать полупрозрачный фон в форме авторизации и поиска. Панель у меня как на кинопоиск. Только вместо прозрачной картинки png у...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
11
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru