VPF::Полупрозрачный текст в Opera - Форум программистов

BrainWorker

Дата 26.7.2008, 17:40 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 553
Регистрация: 9.8.2007
Где: Дубна, Россия

Репутация: нет
Всего: 2

Здравствуйте.

Только что обнаружил такую неприятность в Opera c отображением полупрозрачного текста

Если создать простенький HTML-документ типа

Код


<html>
   <head>
      <style>
         .ku
         {
            font-size: 30pt;
            font-weight: bold;
            color: #0000FF;
         }
         
      </style>
   </head>
   <body>
      <div class=ku>12345</div>
      <div class=ku style="opacity: 0.5">12345</div>
   </body>
</html>

то в Mozilla текст отображается нормально - т.е. полупрозрачный синий, а в Opera - текст полупрозрачный, но вовсе не синий, а по-любому черный, как ни крути. Однако если выделить текст, а потом снять выделение, то текст становится, как положено, синим.

Кто-нибудь сталкивался с таким?

DIMONSOFT

Дата 26.7.2008, 18:35 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 230
Регистрация: 19.12.2004
Где: Киев

Репутация: нет
Всего: -3

Странно, я проверял у себя, и в опере и в фоксе текст полупрозрачный синий, как и должен быть

--------------------

dima_mak

Дата 26.7.2008, 19:18 (ссылка)

(нет голосов)

Загрузка ...

Программист любитель

Профиль
Группа: Участник
Сообщений: 154
Регистрация: 25.5.2004

Репутация: нет
Всего: нет

пиши так:

Код


    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: 0.7; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */

универсально для всех браузеров...

BrainWorker

Дата 27.7.2008, 11:23 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 553
Регистрация: 9.8.2007
Где: Дубна, Россия

Репутация: нет
Всего: 2

Цитата(dima_mak @ 26.7.2008, 19:18)

пиши так:

Код


    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: 0.7; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */

универсально для всех браузеров...

Попробовал, как ты посоветовал. Ничего не помогает.

Код

Код


<html>
   <head>
      <style>
         .ku
         {
            font-size: 30pt;
            font-weight: bold;
            color: #0000FF;
         }
         
         .ku2
         {
            opacity: 0.5;
            filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
            -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
            -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
         }
      </style>
   </head>
   <body>
      <div class="ku">12345</div>
      <div class="ku ku2">12345</div>
   </body>
</html>

Вид в Mozilla
user posted image

Вид в Opera
user posted image

P.S. Версия Opera самая свежая.
P.P.S. http://mydebug.ru - это мой локальный сайт на денвере, так что можете не набирать его в своем браузере

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »