ФорумРазработкаКлиентская сторонаВерстка и оформление → Прозрачность (PNG, opacity, таблицы...)

Прозрачность (PNG, opacity, таблицы...)

  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz 28 января 2009 г. 5:14, спустя 12 минут 40 секунд




    :) ты их не знаеш что ли????????????
    нет, поэтому и спросил чо за хуи :)

    Каждый из них открыл какой то из языков. Первый открыл язык html и т.д
    слабо я в это верю .. ой слабо.
    Сапожник без сапог
  • Ermak

    Сообщения: 120 Репутация: N Группа: Кто попало

    Spritz 28 января 2009 г. 5:25, спустя 11 минут 21 секунду





    :) ты их не знаеш что ли????????????
    нет, поэтому и спросил чо за хуи :)

    Каждый из них открыл какой то из языков. Первый открыл язык html и т.д
    слабо я в это верю .. ой слабо.

    Набери их имена в поисковике и увидиш сам
  • Trej Gun

    Сообщения: 5299 Репутация: N Группа: в ухо

    Spritz 28 января 2009 г. 5:28, спустя 3 минуты 16 секунд

    http://ru.wikipedia.org/wiki/Бернерс-Ли,_Тим
    http://ru.wikipedia.org/wiki/Лердорф,_Расмус

    и так далее
    но я бы ему руки оторвал за то как он их сплюснул
  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz 28 января 2009 г. 5:32, спустя 4 минуты 19 секунд

    Ermak, уговорил. просто я не верю что есть ктото "один" кто чтото придумал, ибо даже колесу не дуемаю что в россию пришло из штатов или наоборот, короче я не верю, что ктото может быть первообладателем идеи. может, конечно я рожден не в то время.
    обычно кто на фотках - тот, кто заявил о себе, а не кто придумал.
    Сапожник без сапог
  • Ermak

    Сообщения: 120 Репутация: N Группа: Кто попало

    Spritz 28 января 2009 г. 5:36, спустя 3 минуты 47 секунд


    http://ru.wikipedia.org/wiki/Бернерс-Ли,_Тим
    http://ru.wikipedia.org/wiki/Лердорф,_Расмус

    и так далее
    но я бы ему руки оторвал за то как он их сплюснул

    Я вообще то еще учусь этому делу, ну если ты такой опятный то сделай сам и дай сылки на фото
  • Ermak

    Сообщения: 120 Репутация: N Группа: Кто попало

    Spritz 28 января 2009 г. 5:48, спустя 11 минут 30 секунд


    html
    <table class="menu">
    //…
    </table>

    css
    table.menu td{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    }


    Спасибо, получилось, но.. Текст был белый а теперь стал тусклым, как серый, как исправить чтобы текст был нормальным??? И смотриш когда в опере то там вообще текст черный и плохо видно, тоже как исправить???

    http://wb-stile.ptzhost.ru/1/ вот посмотрите
  • Trej Gun

    Сообщения: 5299 Репутация: N Группа: в ухо

    Spritz 28 января 2009 г. 5:59, спустя 11 минут 36 секунд

    Ermak, учишсь сплющивать людей?
    ненадо этого делать оставь реальные пропорции

    вот поиграйся http://www.artlebedev.ru/kovodstvo/sections/134/
  • Timur

    Сообщения: 1068 Репутация: N Группа: Джедаи

    Spritz 28 января 2009 г. 6:09, спустя 9 минут 35 секунд

    Спасибо, получилось, но.. Текст был белый а теперь стал тусклым, как серый, как исправить чтобы текст был нормальным??? И смотриш когда в опере то там вообще текст черный и плохо видно, тоже как исправить???  


    хм… значения opacity наследуется вложенным контейнерам и тексту и может только накапливаться.
    Тут два варианта:
    a) Помещаем фон и текст в разные "ветки" дерева узлов и позиционируем один над другим. Типа:
    <div id="parent">
    <p id="opacity"></p>
    <p id="text"></p>
    </div>

    При этом #opacity и #text должны быть спозиционированы абсолютно относительно #parent и занимать 100% ширины и высоты, при этом #opacity должен располагаться под #text.

    b) Возвращаеся к полупрозрачному PNG.

    Тебе советую пока второй вариант, т.к. для первого нужны хоть какие-то знания таблиц стилей.

    зы: изменил заголовок топика и убрал 5 восклицательных знаков
  • Givi

    Сообщения: 2284 Репутация: N Группа: Адекваты

    Spritz 28 января 2009 г. 6:37, спустя 27 минут 35 секунд

    Timur
    Не проверял, но ещё кажись можно сделать так:
    для таблицы делаем фон с опасити 50%, а для ТДшок делаем фон-транспарент + опасити 100%. Ну и побаловаться со всем этим нужно.
    Сейчас просто нет времени + думаю, что без знаний основ ЦСС ТСу готовое решение давать не стоит :)
  • Timur

    Сообщения: 1068 Репутация: N Группа: Джедаи

    Spritz 28 января 2009 г. 6:56, спустя 19 минут 34 секунды

    всё может быть, я как-то раньше не особо интересовался этим вопросом
    попробуй, потом расскажешь )
  • Ermak

    Сообщения: 120 Репутация: N Группа: Кто попало

    Spritz 28 января 2009 г. 21:25, спустя 14 часов 29 минут 20 секунд


    Ermak, учишсь сплющивать людей?
    ненадо этого делать оставь реальные пропорции

    вот поиграйся http://www.artlebedev.ru/kovodstvo/sections/134/

    Спасибо, посмотрю
  • Ermak

    Сообщения: 120 Репутация: N Группа: Кто попало

    Spritz 28 января 2009 г. 21:29, спустя 3 минуты 21 секунду


    всё может быть, я как-то раньше не особо интересовался этим вопросом
    попробуй, потом расскажешь )

    Спасибо, если получиться то напиши как сделал.
  • Timur

    Сообщения: 1068 Репутация: N Группа: Джедаи

    Spritz 3 февраля 2009 г. 9:20, спустя 5 дней 11 часов 51 минуту


    Спасибо, если получиться то напиши как сделал.


    Кто-то уже нашел решение :)
  • Trej Gun

    Сообщения: 5299 Репутация: N Группа: в ухо

    Spritz 3 февраля 2009 г. 13:38, спустя 4 часа 17 минут 46 секунд



    Спасибо, если получиться то напиши как сделал.


    Кто-то уже нашел решение :)
    тока это далеко не везде работает

    http://css-tricks.com/rgba-browser-support/
  • Timur

    Сообщения: 1068 Репутация: N Группа: Джедаи

    Spritz 3 февраля 2009 г. 20:59, спустя 7 часов 20 минут 49 секунд

    CTAPbIu_MABP, в примере кроме RGBa используется Data:URI и filter:opactity

    Пример протестирован и корректно работает в IE 6+, FF 1.5+, Opera 7.2+, Safari 2+, Chrome, Konqueror 4.1. Из недостатков, не работает в IE < 6.
    так что способ вполне универсальный

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