My-Article.NET http://www.my-article.net/search/Персональные CSS-хаки для Internet Explorer, Opera, FireFox, Safari, Google Chrome 10 последних статей для поисковой строки "Персональные CSS-хаки для Internet Explorer, Opera, FireFox, Safari, Google Chrome" ru Thu, 19 Sep 2019 04:52:28 +0000 Thu, 19 Sep 2019 04:52:28 +0000 http://www.my-article.net/feed/search/Персональные CSS-хаки для Internet Explorer, Opera, FireFox, Safari, Google Chrome Персональные CSS-хаки для Internet Explorer, Opera, FireFox, Safari, Google Chrome http://www.my-article.net/get/css/персональные-css-хаки-для-internet-explorer-opera-firefox-safari-google-chrome Я не сторонник условных комментариев в CSS (можно ругать меня за это), взамен предпочитаю использовать различные CSS-хаки, дабы при верстке решить проблему кроссбраузерности по ходу написания кода, без лишний “телодвижений”. Да, это неправильно с точки зрения стандартов и некрасиво, но таким способом для меня гораздо проще верстать. По мере посещения различных зарубежный интернет-ресурсов по веб-разработке, обнаруживаю для себя все новые и новые CSS-хаки, которые можно применить персонально для ... Thu, 24 Dec 2009 03:52:00 +0000 CSS-свойство text-shadow преобразит текст на вашем сайте http://www.my-article.net/get/css/css-свойство-text-shadow-преобразит-текст-на-вашем-сайте Был удивлен, когда, погуглив по данному блогу, обнаружил, что я ни разу не писал о таком замечательном CSS-свойстве, как text-shadow. А ведь оно стоит внимания, тем более, что с недавнего времени к поддерживающим его браузерам присоединился вышедший некоторое время назад FireFox 3.1.Таким образом, на сегодняшний день text-shadow, которое описано в спецификации CSS3 (ранее было в CSS2 и CSS2.1), поддерживают следующие браузеры: Opera 9.5+, Safari 3+, Firefox 3.1+ и Google Chrome 2+.Хорошая особен ... Wed, 16 Dec 2009 10:16:00 +0000 CSS прозрачность (css opacity, javascript opacity) http://www.my-article.net/get/css/css-прозрачность-css-opacity-javascript-opacity Эффект прозрачности - это тема данной статьи. Если вам интересно узнать, как сделать элементы html-страницы прозрачными, используя CSS или Javascript, и как добиться кросс-браузерности (одинаковой работы в разных браузерах) с учетом браузеров Firefox, Internet Explorer, Opera, Safari, Konqueror, тогда милости просим. Вдобавок рассмотрим готовое решение постепенного изменения прозрачности с помощью javascript. CSS opacity (CSS прозрачность) W3C в своей рекомендации CSS3 определяет свойство opa ... Mon, 14 Dec 2009 12:30:00 +0000 Позиционирование блока относительно родителя с помощью position:fixed http://www.my-article.net/get/html/div/позиционирование-блока-относительно-родителя-с-помощью-positionfixed За столь продолжительный период верстки сегодня мне впервые пришлось столкнуться с необходимостью разместить на странице фиксированный блок (используя CSS-свойство position:fixed), который бы при скролле страницы всегда сидел в одном месте окна браузера.Информацию по этому поводу я, естественно, почитал на разных блогах и форумах. Но все решения, которые я встретил, описывают немного не то, что понадобилось мне. Они описывают, как зафиксировать блок относительно края окна браузера, например, лев ... Thu, 17 Dec 2009 10:52:00 +0000 Всплывающие подсказки с помощью CSS3 http://www.my-article.net/get/css/всплывающие-подсказки-с-помощью-css3 В этой статье рассматривается новый способ создания всплывающих подсказок к HTML-элементам с применением технологии CSS3.До сих пор существуют несколько вариантов создания всплывающих подсказок: уродливые методы, основанные на Javascript, или решения, использующие пустой тег ссылки (для совместимости с IE6). Еще один вариант заключается в том, чтобы вообще игнорировать IE6 и использовать псевдо-класс :hover в сочетании с родительским элементом, который содержит текст подсказки.Однако существует ... Thu, 17 Dec 2009 11:57:00 +0000 Тег  <hr> и кроссбраузерный отступ http://www.my-article.net/get/css/тег- lthrgt-и-кроссбраузерный-отступ Сколько себя помню, во время верстки я не особо любил использовать тег <hr />, выводящий горизонтальную линию, по причине того, что в браузере Internet Explorer по сравнению с другими современными браузерами отступы (CSS-свойство margin) отличаются.Не знаю, почему я раньше не задавался целью найти ответ на данный вопрос в виде кроссбраузерного решения, но недавно я все-таки сделал это.На одном из англоязычных форумов я нашел информацию, которая гласила о том, что Internet Explorer делает р ... Thu, 17 Dec 2009 12:59:00 +0000 Удаляем лишний отступ в IE при использовании clear: both http://www.my-article.net/get/css/удаляем-лишний-отступ-в-ie-при-использовании-clear-both Часто, когда мы используем плавающие блоки, для того, чтобы нижеследующий блок расположить под ними без смещения вверх за счет флоатов, мы создаем дополнительный html-элемент, к которому применяем свойство clear: both, например, так, как это сделано в трехколоночном макете с помощью CSS:.clear {clear: both}В ряде случаев между самым высоким плавающим блоком и нижеследующим не плавающим (например, между контентом и футером) в браузере Internet Explorer, в том числе и в 7-й версии, появляется лишн ... Thu, 24 Dec 2009 02:53:00 +0000 Трехколоночный макет на CSS с одинаковой высотой колонок http://www.my-article.net/get/css/трехколоночный-макет-на-css-с-одинаковой-высотой-колонок Представляю Вашему вниманию еще один 3-хколоночный макет страницы, реализованный с помощью XHTML и CSS.Вот так он выглядит в миниатюре:Особенности:Оба сайдбара (левая и правая колонки) расположены с правой стороны. Такой тип страницы сейчас очень популярен, он используется на многих блогах.HTML-код основной колонки расположен до начала кода обоих сайдбаров.Все 3 колонки визуально растягиваются одинаково по вертикали при увеличении высоты одной из них. При этом не используются изображения.Универс ... Thu, 24 Dec 2009 03:03:00 +0000 Кроссбраузерный CSS-градиент http://www.my-article.net/get/css/кроссбраузерный-css-градиент Возможность применения CSS-градиента была реализована Webkit около двух лет назад, но он редко использовалася из-за несовместимости с большинством браузеров. Но теперь с Firefox 3.6+, который поддерживает градиент, мы можем создавать градиент без обязательного использования изображения. В этом посте покажем Вам, как создать CSS-градиент, который будет поддерживаться основными браузерами: IE, Firefox 3.6 +, Safari и Chrome. Для Webkit-браузеров:Следующий код предназначен для webkit браузе ... Mon, 18 Oct 2010 10:12:46 +0000 Утилиты для создания web-сайта http://www.my-article.net/get/html/введение/утилиты-для-создания-web-сайта Что же необходимо иметь? Вероятнее всего у вас уже всё необходимое.У вас есть "браузер/browser". Это программа просмотра web-страниц. Сейчас вы просматриваете данную страницу в вашем браузере.Не важно, какой браузер у вас имеется. Обычно это Microsoft Internet Explorer. Но есть и другие - Opera и Mozilla Firefox, и их также можно использовать.Возможно вы уже слышали, или даже использовали такие программы, как Microsoft FrontPage, Macromedia Dreamweaver или даже Microsoft Word, которые могут - или ... Tue, 24 Nov 2009 11:56:00 +0000