Задать вопрос

serega danet

minsk
Ответы пользователя по тегу CSS

  • Как применить свойство к псевдоэлементу?

    @seregadushka
    minsk
    если Десигнер LVL100 хочет :before, то зачем ему советовать разные стили.
    Я тоже полазил по кодупену. И тоже вижу ,что не все так гладко с этим :before.
    Что он помещает ниже и перед, похоже к background это не относится.
    :before работает верно -- верхний цвет появляется ПОД текстом. Это правильно. Но НАД background текста.
    Потому что определен после .
    вывод -- blur помещайте в :before, который по DOM после. Порядком background в :before управляет только z-index: -1 ;

    2. Проблема в backdrop -- я такого префикса не встречал. Это что-то из прошлого века.

    3. Вообще странная ситуация. Наличие этого filter: blur(4px); именно в основном стиле ломает всю картину. И цвет из :before лезет вверх.
    Будет этот filter: blur(4px) в :before или нет -- уже не важно. Цвет в :before будет внизу всего стиля, там где и должен.
    filter: в основном стиле при наличии :before -- противопоказан.

    4. И еще запрещено присваивать z-index основному классу . Что вообще не понятно.
    У кого какие версии ?

    https://codepen.io/oblominsk/pen/xxeeNBZ
    Ответ написан
    Комментировать
    Комментировать

  • Как убрать курсор в SPAN?

    @seregadushka Автор вопроса
    minsk
    правильный ответ:
    user-select: none;
    Ответ написан
    1 комментарий
    1 комментарий

  • Android: SLICE, батон, режем на куски. Но последний ломает всю хлеборезку. Почему?

    @seregadushka Автор вопроса
    minsk
    Надо больше hidden везле
    Ответ написан
    Комментировать
    Комментировать

  • Как в файле svg заставить работать события?

    @seregadushka
    minsk
    1. :hover -- это псевдокласс, а не событие.
    2. поискал, результат такой, что спецы не советуют помещать cтили в SVG. Есть ограничения.
    Я попробовал -- -- ошибка именно на :hover
    defs -- тоже не для стилей.
    Ввиду сказанного, прекрасно работают стили внешние.
    Наследование, :hover , CSS-переменные , animation. @keyframes, ....
    Зачем себя ограничивать.

    Пишешь svg class="name" .... Внешний .name {...}.
    Во внешних стилях все работает -- SVGmy
    СТРОКА 1884 -- -- стиль для всех картинок одинаковый , 13 строк.
    Можно смотреть , какие SVG подчиняются стилям, какие не хотят. Но частично анимируются все.
    Ответ написан
    2 комментария
    2 комментария

  • Как поместить картинку рядом с текстом?

    @seregadushka
    minsk
    а разве недостаточно 
    <div>
	<img src="images/6627d6b559578667102240.png" 
		 style="position:relative; 
		        	vertical-align:top; 
				float:right;
				right:0px">
</div>
<div style="position:relative; 
			text-align:left;">
Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero
</div>

    можно еще поудалять чего
    Ответ написан
    2 комментария
    2 комментария

  • Как поместить картинку в блок, чтобы она не обрезалась, если я не знаю ее высоты и ширины?

    @seregadushka
    minsk
    я вот уже пару часов мучаюсь. Уточню вопрос. Есть картинка. есть ее ширина. Ширина выступает как масштаб. Я знаю ширину, задаю нужную мне, и картинка масштабируется с сохраненнием пропорций. Все красиво. Но я не знаю ее высоту !!!! Я создаю див с шириной картинки, но я не знаю его высоту ! Соответственно, я не могу использовать bottom:0; чтобы прижать другую картинку к низу этой . Что мне делать ???
    Ответ написан
    Комментировать
    Комментировать

  • Как пользоваться codepen.io?

    @seregadushka
    minsk
    Получается по тексту, что запуск index.html из Export.zip должен работать в любом случае. Но не работает. Файлы из Export .zip с голыми index.html и style.css проблем не вызывает. А вот когда посложнее, с JS -- то не рабоает.
    Ответ написан
    Комментировать
    Комментировать