css- все статьи тега ➜ страница 11
Безопасная разметка для HTML-почты
Почтовые клиенты ограничены в своих возможностях отображения HTML. Какие стили разметки HTML и CSS можно безопасно использовать в электронной почте в формате HTML? ...
Наложение прозрачного фона на встроенное видео
У меня есть видео, которое я встроил в полноширотную div-панель. Я пытаюсь наложить градиент поверх него, но не могу заставить его работать. Я попытался настроить z-индекс, обернуть видео в другой div и - как показано ниже-добавить класс наложения, но я, должно быть, упустил что-то очевидное. Что бы я ни пытался, видео прыгает обратно на другие панели (которые в конечном итоге падают позади него). Был бы так благодарен за вашу помощь! <div class="videoContainer hide-for-sm ...
HTML select и option смешанные направления (ltr & rtl)
У меня есть поле выбора, которое я хочу выровнять справа, но я хочу, чтобы раскрывающийся список опций был выровнен слева. Вот так: <select> <option>item</option> </select> И CSS: select { direction: rtl; } option { direction: ltr; } Но установка направления тега select также задает направление раскрывающегося меню select. Смотрите здесь Возможно ли это вообще? Я знаю, что в качестве альтернативы я мог бы создать пользовательский функционал выбора с помощью j ...
Создайте текстовое поле только для чтения, но без границы текстового поля
Я пытаюсь создать текстовое поле, которое доступно только для чтения, но оно не должно выглядеть как текстовое поле. Нормальное текстовое поле только для чтения - Your name is [ SAM ] Но я хочу, чтобы это было как Your name is SAM То есть он должен выглядеть как продолжение предложения и все еще может выступать в качестве текстового поля, на котором мы можем показать значение (здесь Сэм). Как это можно сделать? ...
Как определить стили css для vue.компонент js при регистрации этого компонента?
Я могу зарегистрировать обычай vue.компонент js с // register Vue.component('my-component', { template: '<div class="my-class">A custom component!</div>' }) Также смотрите https://vuejs.org/v2/guide/components.html Как я могу включить классы css для моего компонента? Я ожидал бы чего-то вроде Vue.component('my-component', { template: '<div class="my-class">A custom component!</div>', css: '#... my css stylesheet...' }) Но, похоже, не сущес ...
Есть ли способ настроить виджет TradingView ticker? [закрытый]
Я использую этот виджет из tradingview (https://www.tradingview.com/widget/ticker/) и хотел узнать, есть ли способ: a) сделайте прокрутку тикера (iframe scrolling=yes) B) измените размер виджета. Я раньше не использовал iFrame и не знаю, как делать настройки, и если они вообще возможны. ...
CSS псевдоклассы с jQuery
Я только что выучил немного jQuery и пытаюсь использовать его для простого эффекта изменения цвета. Допустим, у меня есть два <div>s, #foo и #bar. #foo имеет много URL-адресов и имеет следующий CSS-код: #foo a {color: blue; border-bottom: 1px dashed blue} #foo a:hover {color: black; border-bottom: 1px solid black} Теперь я хотел бы изменить цвет ссылок (A: link) в #foo, когда пользователь нажимает #bar, но сохранить цвет a: hover нетронутым, поэтому я пишу свою функцию следующим образ ...
SVG Clip-Path не работает в Safari
У меня есть простая анимация, которая заполняет svg снизу вверх, а затем исчезает. Заполнение производится с помощью clipPath наряду с использованием path с помощью stroke-dasharray & stroke-dashoffset. Проблема в том, что clipPath, похоже, полностью игнорируется в Safari. Я видел много других примеров и ответов на вопросы, которые успешно используют свойство clip-path в Safari, но не в этом случае. Есть какие-нибудь идеи о том, что конкретно мешает Safari правильно отрисовывать это? Ссыл ...
CSS calc недопустимое значение свойства
Может кто-нибудь сказать мне, почему эта функция CSS calc не работает? Когда я проверяю элемент в Chrome, он говорит "недопустимое значение свойства". width: calc((100vw - 14px * 2) / (270px + 11px * 2)); ...
Bootstrap игнорировать изменения стиля
Я разрабатываю простую веб-страницу, используя Twitter Bootstrap. На боковой панели у меня есть 3 кнопки. Каждая из этих кнопок вызывает функцию, чтобы показать один div и скрыть другие. HTML-код выглядит примерно так: <div> <div class="row" id="general" style="display:none"> Text1 </div> <div class="row" id="medication" style="display:none"> Text2 </div> <div class="row" id="diet" style="display:none"> Text3 </div> </di ...
Выпадающий список HTML select уходит с экрана
Учитывая следующий код: <div style="float: left;"> <select style="width: 160px;"> <option>asd flkjh asdfkljha sdlkfjhasldjkfh aslkjdfh asjdhf alksjdhl k</option> <option>1</option> <option>2</option> </select> </div> <div style="float: right;"> <select style="width: 160px;"> <option>asd flkjh asdfkljha sdlkfjhasldjkfh aslkjdfh asjdhf alksjdhl k</option> <option> ...
Динамическое создание объекта javascript/jQuery для использования в $.метод css ()
Вопрос: Я создаю объект javascript для хранения атрибутов css. Если я добавляю новые переменные к объекту на лету, я сталкиваюсь с неизвестной проблемой с jQuery .метод css() и ничего не происходит. однако , если я инициирую объект с переменными, которые я хочу / делаю изменить, то .метод css() работает нормально. в ссылке на сообщение, которое я нашел , необходимо ли мне предварительно задать переменные объекта, или есть способ улучшить мой код, чтобы быть более динамичным? (Если я найду спо ...
CSS Border radius не обрезка изображения на Webkit
Мне трудно понять, почему border-radius исчезает из моего элемента # screen при использовании chrome, но не firefox или ie9? У меня есть все разные префиксы для каждого браузера плюс стандартный радиус границы: Www.cenquizqui.com Верхнее поле содержимого, содержащее изображения, называется # screen Копипаст css экрана: #screen {background: none repeat scroll 0 0 #EEEEEE; display: block; height: 300px; position: relative; width: 960px; overflow:hidden; -moz-border- ...
JQuery ui accordion - как добавить иконку справа?
Что такое css / added html для добавления одного из значков пользовательского интерфейса jquery в правую часть заголовков виджета accordation? Например, если у меня есть html: <!-- Accordion --> <div id="accordion"> <div> <h3><a href="#"><span class="title">Content</span><span class="ui-icon ui-icon-newwin"></span></a></h3> <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet ...
Photoswipe pswp класс не очищается после закрытия изображения
У меня есть Photoswipe (http://photoswipe.com ) галерея изображений на моем сайте, и класс css не сбрасывает / очищает, чтобы удалить представление после того, как я закрываю галерею во второй раз. Исх. Пользователь открывает пункт 1, AJAX заполняет рисунок(ы) в изображение div. Пользователь щелкает изображение из пункта 1, и Photoswipe открывает изображение правильно (установив следующий класс): class="pswp pswp--supports-fs pswp--open pswp--animate_opacity pswp--notouch pswp--css_animation ...
Очерчивание и частичное заполнение формы SVG
У меня здесь есть jsfiddle - http://jsfiddle.net/apbuc773/ Я хотел бы создать звезду, используя svg. Я хотел бы погладить внешнюю сторону звезды. В моем примере штриховка находится на каждой линии, которая рассекает внутреннюю форму. Также можно наполовину заполнить форму звезды. Я хотел бы использовать это для оценки звезд, но мне нужна половина и, возможно, четверть заполнения. <svg height="210" width="500"> <polygon points="100,10 40,198 190,78 10,78 160,198" style="f ...
CSS - "position: fixed" действует как "absolute" в Firefox
Я создавал веб-сайт в Safari, и я только что протестировал его в Firefox, и мои фиксированные элементы навигации ведут себя так, как будто их позиция абсолютна. #navigation { display: block; width: 100%; height: 50px; position: fixed; left: 0px; bottom: 0px; text-align: center; z-index: 99000; } Это CSS, который у меня есть для основной навигационной оболочки (это нижняя навигация.). В Webkit он работает идеально: то есть он прилипает к нижней части окна незави ...
HTML5 Canvas: как ограничить fillRect?
В HTML5 я хочу сделать fillRect() (с белым цветом заливки) и border (черным). Я не хочу использовать strokeRect(), Если я не смогу заполнить его позже. Я создаю игру, в которой вы нажимаете на квадраты, и они меняют цвет (это сложнее, чем это, но это то, на чем фокусируется внимание). <canvas id="canvas1" width="400" height="300" style="border:1px solid #000000;"></canvas> <script> var c=document.getElementById("canvas1"); var ctx=c.getContext("2d"); ...
Как я могу ссылаться на определение внутреннего градиента внутри символа SVG sprite?
резюме: SVG-спрайт содержит пять блоков значков <symbol>, один из которых ссылается на собственное определение градиента по идентификатору. Он больше не может найти этот градиент и отрисовывать его должным образом. JSFIDDLE: http://jsfiddle.net/Qtq24/1/ Я переключаю некоторые графики на SVG, и поскольку они являются значками (в данном случае для профилей социальных сетей) ,я хотел бы сохранить их в спрайте (как это было с PNG до). Я следовал этому руководству по SVG sprites на CSS-t ...
Кнопка не закрывается?
Вот мой кодовый ключ: http://codepen.io/Chiz/pen/MaBwBb Когда вы нажимаете на кнопки, обычно кнопка дает визуальную обратную связь о том, что она" нажата", но в этом случае ничего подобного не происходит. Как будто кнопки были отключены. Почему это так? $(document).ready(function() { $("#fullpage").fullpage({ verticalCentered: false, resize: true, scrollingSpeed: 700, css3: true, easing: "easeOutBounce" }); }); * { box-sizing: border-box; } html, ...