Вопросы с меткой [css]
CSS, или каскадные таблицы стилей, — формальный язык описания внешнего вида документа, язык стилей, определяющий отображение HTML-документов.
7,099
вопросов без принятого ответа или без ответа, за который были отданы голоса
11
голосов
1
ответ
350
показов
Как исправить баг в морфинге svg?
кто силен в svg помогите пожалуйста исправить баг.
https://jsfiddle.net/n19L2tam/10/
я уже пытался по разному исправить, и новый текст делал, и заменял текст изображением, но все равно в самом конце ...
8
голосов
0
ответов
170
показов
Размытие как эффект замороженного стекла уходит из под элемента
Вроде бы, код простой, как 2 копейки, и даже работает на 99% как надо. Но в моём браузере блюр "едет" как на скриншоте.
Может быть, корявый браузер. У всех блюр на всю площадь блока, а у ...
7
голосов
0
ответов
351
показ
Node.JS минификаторы
Рендерю все страницы для юзеров на сервере, так вот мне нужно минифицировать все html, css, и js.
Но есть проблема, некоторые html содержат в себе так-же css и js. То-есть тот-же js для компонента ...
6
голосов
1
ответ
3k
показов
Помогите решить проблему с отображением шрифтов в Google Chrome
У клиентов нашего сервиса был замечен баг, при котором не отображается ни один шрифт на сайте. Шрифт подгружается с нашего сервера (форматы woff, ttf, eot, svg), шрифт Lato Sans. В самих стилях ...
6
голосов
0
ответов
266
показов
Как решить проблему с модальными окнами?
Нашла вот такой вот интересный эффект для модального окна и хочу использовать его в проекте.
Задача такая: на странице этот эффект будет использоваться для модальных окон, а так же для меню "...
5
голосов
0
ответов
202
показа
фон svg через js
Есть блок с svg, в котором меняется цвет при клике на блок.
http://u558049.s54.wh1.su/metalli/app2/hestiya.html вот на этой странице.
Вот скрипт, который это делает:
$('.color__tabs_items .standart ....
5
голосов
0
ответов
105
показов
Вычисление perspective
Есть простейший блок с:
width: 400px,
height: 100px,
угол поворота: 60 градусов,
perspective: 200px задана произвольно.
* {
box-sizing: border-box;
}
html,
body {
padding: 0;
...
5
голосов
1
ответ
154
показа
Анимация linear-gradient нагрузка cpu
У меня есть progress bar, нужно сделать его анимированным фоном, вот пример:
.progress-bar {
position: relative;
overflow: hidden;
height: 8px;
border-radius: 5px;
margin: 8px 0;
...
5
голосов
3
ответа
2k
показов
Подключение css к html в Java
Не удается подключить css файл style.css, который находится в папке css, html его просто не видит.. Что в моем html может быть не так?
if(method.equals("GET")) {
response = "<!DOCTYPE html>...
5
голосов
2
ответа
224
показа
Наследование ячеек таблицы
Проблема заключается в том, что по макету у всех tr задан линейный градиент в background. Но если задаешь самой строчке этот самый градиент, то все td наследуют от него этот бг. Пробовал для ячеек ...
4
голоса
1
ответ
168
показов
Как скрыть элемент пока не применится нужный шрифт?
В коде ниже, во время загрузки страницы вместо "u" генерируется знак рубля "₽" с нужными стилями. "u" здесь выступает в качестве заглушки и без нее, к сожалению никак.
&...
4
голоса
0
ответов
170
показов
Float элемент в Firefox неправильно отображается
Как исправить неправильное отображение float элемента в фаерфоксе? Пример:
https://codepen.io/Ssivenkov/full/OJRwqvq
В хроме отображается нормально, а в фаерфоксе почему-то появляется пустое ...
4
голоса
2
ответа
63
показа
Как избавиться от рывка animation при повторном заходе на вкладку
У меня есть такая анимация облаков:
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,...
4
голоса
1
ответ
143
показа
Как поменять цвет у SVG вставленную через object
Не могу поменять цвет у SVG вставленную черех object. Вот так на странице вставляю SVG. Где $blockElement путь до SVG.
<object
type="image/svg+xml"
data="<?=$blockElement['icon']?>">...
4
голоса
4
ответа
1k
показов
z-index для дочернего элемента с fixed
Есть следующий код
.bg{
position: fixed;
top: 0;
left: 0;
bottom:0;
right: 0;
background: blue;
z-index: -2;
}
.wrap{
border: 10px solid;
position: ...
4
голоса
1
ответ
989
показов
Позиционирование съезжает
В блоке (.result-wrapper) у меня находится сама футболка и блок position: relative. Помимо футболки в нем есть #selming и .example2 с позиционированием absolute и они поверх футболки. Но, когда ...
4
голоса
0
ответов
362
показа
Бесконечная прокрутка таблицы с учетом colspan/rowspan
Как можно реализовать бесконечную прокрутку таблицы с учетом объединенных ячеек?
Необходимо реализовать pivotgrid с большим количеством обрабатываемых данных. Сложность заключается в отрисовке ...
3
голоса
0
ответов
59
показов
Со временем замедляется requestAnimationFrame()
Простой черновик движения и коллизии на JavaScript.
Вначале игры все работает нормально, но спустя секунд 30-40 движения становятся резкими и медленными.
Что не так?
const canvasjs = document....
3
голоса
0
ответов
1k
показов
Рулетка на js html
Есть рулетка, как сделать так, чтобы оно корректно останавливалось? Все перепробовал что знаю, не получилось.
<style>
.roulette-inner img{
width:72px;
height:72px;
margin:2px;
}
....
3
голоса
0
ответов
53
показа
Как экспортировать html в doc
Как осуществить экспорт средствами js с сохранением стилей css... inline css не подходит...
может посоветует кто чего...
3
голоса
0
ответов
48
показов
Как залить не стандартную фигуру фоном или как обрезать фигуру нестандартно,а потом анимацией его двигать?
пробовал так,но картинку нельзя репитить и двигать ,чтоб капли скользили ,а фон можно,может еще есть какой вариант, пробовал через клипи паз но он не работает в ie подскажите
<svg xmlns="http:/...
3
голоса
1
ответ
1k
показов
Как избавиться от скачков текста при загрузке страницы
Беру шрифт с google fonts, при загрузке страницы сначала загружаются стандартные шрифты, а потом скачком шрифт меняется на шрифт с google.
3
голоса
2
ответа
882
показа
Меню для каталога
Очень интересует реализация приведённого ниже меню-каталога на bootstrap 4. Может быть кто-то видел такое и есть примеры/готовое решение?
Видел такое меню-каталог на многих сайтах. Обычно оно в ...
3
голоса
0
ответов
69
показов
Реализация анимации при скролле страницы
Всем доброго времени суток,
JSFiddle:
https://jsfiddle.net/kalebra/sx03krty/1/
AOS.init();
$(function() {
$(window).scroll(function(){
if ($('.fir').offset().top >= '2039') {
...
3
голоса
1
ответ
338
показов
Добавление заднего фона, поверх другого
Чтобы было понятнее ссылка на вопрос пред идущий...
Не получается добавить еще 1 background поверх другого на блок
<div class="welcome" id="welcome" >
.welcome,
.welcome__progress {
...
3
голоса
0
ответов
94
показа
как добавить новый элемент в JSON
Eсть такой код. Я хочу добавить текст в JSON, который был введен в input
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
</script>
<...
3
голоса
0
ответов
397
показов
transform: scale деформирует текст
Писал анимацию для кнопок и столкнулся с проблемой. Когда анимация срабатывает текст на кнопке немного расплывается. Видел в интернете много обсуждений, но решения так и не нашел.
Возможно вы ...
3
голоса
1
ответ
254
показа
Как сделать подобный input?
https://www.tinkoff.ru/loans/cash-loan/ Не реклама!
Внизу форма, в этой форме есть поле для ввода телефона.
В нем:
есть неудаляемая часть текста "+7("
placeholder появляется при вводе текста
маска
...
3
голоса
0
ответов
54
показа
При склеивании CSS файлов => пути к картинкам - невалидные
Проблема в том, что пути в файлах CSS относительные. Соответственно когда я все стили кладу в один файл - GULP использует те пути, что были изначально и, соответственно, получаем не валидные пути к ...
3
голоса
1
ответ
755
показов
Переход с русской версии сайта на английскую версию
Подскажите, пожалуйста, как реализовать переход между языковыми версиями (напр. я нахожусь в разделе Новости на русском языке, автоматический переход в этот же раздел, при нажатии на английскую ...
3
голоса
0
ответов
183
показа
Проблема с кроссбраузерностью, на firefox не работает hover после загрузки js
http://maksleskin.ru/temp/
Нашел интересную анимацию, но вот в firefox не работает, то есть анимация работает, но не работает hover, в opera и chrome все нормально. Кода много
(function($) {
/...
3
голоса
1
ответ
277
показов
Как изменить фон сайта из расширения
Html
<p>Укажите цвет фона: <input type="color" name="bg" id="color" value="#262626">
<br><input type="submit" name="submit" value="Применить" id="submit" class="clrbtn">`...
3
голоса
0
ответов
89
показов
Video tag не работает в Safari
Вот собственно сам код:
<div class="mbYTP_wrapper" id="wrapper_mbYTP_bgndVideo" style="position: fixed; z-index: 0; min-width: 100%;height:100%; left: 0px; top: 0px; overflow: hidden; opacity: 1; ...
3
голоса
1
ответ
42
показа
Bootstrap 4 Grids
<div class="col-8">
<a href="#">
<div class="card">
<img class="card-img" src="img.jpg">
</div>
</a>
</div>
<div class="...
3
голоса
1
ответ
54
показа
Проблема позиционирование картинки и блоков
Есть картинка и блоки которые должны как бы косаться этой линии, если сделать на одной ширине и все подогнать минусовыми margin то норм, но на больших экранах оно ломается потому что картинка(эта ...
3
голоса
1
ответ
133
показа
Не правильно работает :before в option
Всем привет.
Делаю список стран через select => option. В option добавил :beforeи к ним уже привязал картинку. но отображает не корректно. В остальных браузерах все ок.
<select name="...
3
голоса
0
ответов
52
показа
Подсветка смежных элементов
Всем доброго времени суток!
Задание таково:
Сделать подсветку(смену стиля/свойства/преступной прошлой жизни) элементов, находящихся рядом с активным(на который навели курсор). Я знаю, что задавал ...
3
голоса
3
ответа
1k
показов
Открытие ссылки в новой вкладке из iframe
Нужен совет или пикон в нужную сторону.
Есть сайт, crm через которую работают менеджера и smm студия которая запускает рекламу.
Дело вот в чем, формы покупки на сайте после ее заполнения отправляют(...
3
голоса
1
ответ
123
показа
Помогите пожалуйста с вёрсткой навигационной панели слайдера
Использую slick slider. При выборе слайда или просто прокрутке в секции миниатюр, почему то забрасывает блок с слайдами очень далеко, не могу понять почему, ширина ж вроди как регулируется по кол-ву ...
3
голоса
1
ответ
263
показа
Картинка увеличивается и уменьшается
Как сделать так чтобы картинка не увеличивалась и не уменьшалась когда прибавляешь проценты в браузере. Если увеличивать в браузере или уменьшать страницу чтобы изображение не менялось.
3
голоса
0
ответов
173
показа
По какой причине шрифты в SVG не загружаются?
SVG изображение имеет текст со специфичным шрифтом, он подключается внутри кода SVG.
<defs
id="defs4514">
<style type="text/css">
@font-face {
font-...
3
голоса
0
ответов
2k
показов
Всплывающая панель навигации Safari (IOS) перекрывает футер, делая его недоступным. Как ее убрать?
При тестировании сайта на iphone в Safari обнаружил, что все ссылки/кнопки в нижней части экрана недоступны пользователю, т.к. тап по нижней области экрана вызывает всплытие навигационного меню Safari....
3
голоса
0
ответов
275
показов
Синхронизировать прокрутку двух блоков в IE
Я хочу синхронизировать прокрутку двух div'ов и написал код, подписывающийся на событие scroll и обновляющий scrollTop второго div'а. В Хроме всё отлично, в FF тоже выглядит нормально (хотя я не так ...
3
голоса
1
ответ
44
показа
Сломанное меню из-за одного символа
Всем привет! Вчера столкнулся с такой проблемой, что у меня сломалась вёрстка, долго не мог понять почему, копал-копал и наконец-то докопался до истины и смог это воспроизвести. У меня есть ...
3
голоса
0
ответов
1k
показов
Вертикальный скролл на колонку
Делаю тестовое задание.
И это один из последних моментов.
По условию надо предусмотреть горизонтальную полосу прокрутки для основного контента.
Я её сделал:
overflow-x: scroll;
overflow-y: hidden;
...
3
голоса
0
ответов
8k
показов
Поднять блок вверх
Здравствуйте!
Хочу поднять блок с картинками выше, но когда задаю слишком большой margin-top то второй ряд просто начинает наезжать сверху на первый и съезжается в один ряд. Мне необходимо поднять ...
3
голоса
0
ответов
127
показов
Адаптивный сайт по фэн-шую
Настала пора призадуматься о том, как будет выводится разрабатываемый мною сайт на различных устройствах. Начитался статей вдоволь, попутно нашел небольшой список дополнительных модулей, которые ...
3
голоса
0
ответов
46
показов
Grunt выдает ошибку при сборке в корневой папки bootstrap
Пытаюсь собрать тестовый проект. Установил node, клонировал bootstrap с GitHub. Пытаюсь собрать проект с помощью Grunt(его тоже поставил). И он не работает при команде Grunt - выдает Warning :
...
3
голоса
0
ответов
62
показа
При попытке запостить фотографию она поворачивается
Вставляю в веб-страницу фотографию книжной ориентации - она поворачивается набок. С фотографиями альбомной ориентации все нормально.
Вопрос: какой параметр необходимо задать в CSS, чтобы повернуть ...
3
голоса
1
ответ
507
показов
Как плавно увеличить высоту блока?
Использую функцию .animate():
$('.more_text').click(function(e) {
e.preventDefault()
var text = $(this).siblings('.why-i-cont-txt-body');
text.animate({
// width: 400,
...