Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Почему Chrome не понимает указание общей позиции для before и after?

Почему Chrome не понимает указание общей позиции для before и after?

     09.12.2012    chrome, css, selctors    Все вопросы » Стили (CSS)    3480

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

Столкнулся с неожиданной для себя ситуацией. Верстаю спокойно шаблон, и все элементы :before и :after у меня имеют position:absolute. Я, чтобы не присваивать этот параметр к каждому селектору, решил сделать так:
:before,
:after {
      content:"";
      position:absolute;
}

А, оказывается, конструкция эта не то чтобы в Хроме не работает, так еще и полностью "убивает" весь дизайн и сайт становиться белым экраном. После расстановки position:absolute к каждому селектору отдельно все становиться как надо.

Что это вообще такое? Не могу найти записей о том, что так делать нельзя. Проблема только в Хроме, даже IE7 отображает все как надо.

Ответил: ПафНутиЙ

так писать не правильно.
Этой конструкцией вы присваиваете к КАЖДОМУ элементу страницы указанные свойства.
Сделайте так:
.after,
.before {...}
.after:after {...}
.before:before{...}

А в html пишите так: 

<div class="someclass after"></div>
<div class="someclass after before"></div>

2 комментария

BR0kEN
Эксперт

BR0kEN - 9 декабря 2012 22:32 -

Да, на самом деле, вдумавшись, я понимаю насколько это логично. Так что тогда на счет остальных браузеров (всех, кроме Chrome) которые правильно понимали, как выяснилось, неверное свойство?
ПафНутиЙ
Админ

ПафНутиЙ - 9 декабря 2012 23:29 -

возможно они его просто не воспинимали)
Вот опера к примеру нормально отрабатывает 
input:after {...}
а остальные браузеры игнорят.
Каков вопрос - таков и ответ. Просто помните об этом.
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 04.07.2012 Lady  Стили (CSS)
 16.07.2012 5centr5  Шаблоны (TPL), Стили (CSS)
 21.10.2012 wcw2007  Стили (CSS), jQuery
 31.03.2013 Lynat1k  Стили (CSS)
 01.04.2013 Heon  Шаблоны (TPL), Стили (CSS)
 10.08.2013 G-Force  Стили (CSS), jQuery
 05.11.2013 casper_gt  Стили (CSS)
 12.09.2014 rambess1984  Общие вопросы по вёрстке, Стили (CSS)
 29.10.2014 G-3p  Общие вопросы по вёрстке, Стили (CSS)
 10.11.2014 jekonya  Стили (CSS)
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    Вчера, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    Вчера, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    Вчера, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    Вчера, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    Вчера, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:37
    т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
    Видосы в директории upload можно хоть оставить? их там 80 Гб
наверх