Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Полупрозрачный текст в Opera

Автор: BrainWorker 26.7.2008, 17:40

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

Только что обнаружил такую неприятность в 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

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

Автор: 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 */

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

Автор: BrainWorker 27.7.2008, 11:23

Цитата(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 - это мой локальный сайт на денвере, так что можете не набирать его в своем браузере