Вопросы с тегом «css»

Как использовать ngStyle для добавления фонового изображения? Мой код не работает: this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg'; <div [ngStyle]="{'background-image': url(' + photo + ')}"></div>

105 javascript  html  css  angular 

Я хочу настроить таргетинг на элементы div, в которых атрибут «foo» имеет значение. <div foo="x">XXX</div> <div foo="">YYY</div> Я пробовал этот CSS, но он не работает: [foo!=''] { background: red; }

105 css 

У меня не получается применить эффект размытия к полупрозрачному оверлею div. Я бы хотел, чтобы все, что находится за div, было размыто, например: Вот jsfiddle, который не работает: http://jsfiddle.net/u2y2091z/ Есть идеи, как это сделать? Я хотел бы, чтобы это было как можно проще и кроссбраузерно. Вот CSS, который я использую: …

105 html  css  blur  css-filters 

В чем разница между этими двумя селекторами? .classA.classB { border: 1px solid; } .classA .classB { border: 1px solid; }

105 css  css-selectors 

Есть ли способ в javascript получить имена всех шрифтов (или семейств шрифтов), которые может отображать браузер? (Я хочу предоставить пользователю раскрывающийся список со списком всех доступных шрифтов и позволить пользователю выбрать шрифт.) Я бы предпочел не жестко кодировать этот список заранее или отправлять его с сервера. (Интуитивно кажется, что браузер …

105 javascript  css  browser  fonts 

Закрыто . Этот вопрос должен быть более конкретным . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он фокусировался только на одной проблеме, отредактировав этот пост . Закрыт 7 лет назад . Уточните этот вопрос Я хочу воспроизвести макет div Pinterest.com, в частности, как …

104 jquery  css  layout 

Я создаю приложение ASP.NET MVC , используя VB.NET, и пытаюсь применить класс css к, Html.ActionLinkиспользуя код: <%=Html.ActionLink("Home", "Index", "Home", new {@class = "tab" })%> Но когда я запускаю код, я получаю следующую ошибку: Сообщение об ошибке компилятора: BC30988: ожидается тип или «С». Я новичок в MVC и действительно не очень …

104 css  asp.net-mvc  vb.net  html-helper 

Свойство text-overflow:ellipsis;CSS должно быть одной из немногих вещей, которые Microsoft сделала правильно для Интернета. Все остальные браузеры теперь поддерживают его ... кроме Firefox. Разработчики Firefox спорят по этому поводу с 2005 года, но, несмотря на очевидную потребность в нем, они, похоже, не могут заставить себя реализовать его (даже экспериментальной -moz-реализации …

104 firefox  ellipsis  css 

У меня есть элемент со следующим CSS: .elem { left: 0; position: fixed; right: 0; width: 60%; z-index: 1000; } Элемент не занимает весь экран. Я бы хотел, чтобы он «выровнялся» по правой стороне экрана. Это было бы легко, если бы я просто удалил left: 0 , но я не …

104 css  css-position 

Кто-нибудь знает, что я могу заставить минимальную высоту работать с последними браузерами? Я использую таблицы CSS и, кажется, игнорирует минимальную высоту. <div style="background-color: red; display: table; min-height: 100px;"> abc </div> Скрипка

104 css 

Есть ли способ зафиксировать положение только по оси x? Итак, когда пользователь прокручивает вверх, тег div будет прокручиваться вместе с ним, но не из стороны в сторону?

104 css 

Как мне поместить подсказку / заполнитель в asp: TextBox? Когда я говорю подсказку, я имею в виду текст, который исчезает, когда пользователь нажимает на него. Есть ли способ добиться того же с помощью html / css?

104 asp.net  css  html  placeholder  hint 

По-видимому, это не работает: select[multiple]{ height: 100%; } он заставляет выбор иметь высоту страницы 100% ... auto тоже не работает, у меня все еще появляется вертикальная полоса прокрутки. Есть другие идеи?

104 html  css  html-select 

Я понял, что Chrome, похоже, не позволит мне спрятаться <option>в <select>. Firefox будет. Мне нужно скрыть <option>символы, соответствующие критериям поиска. В веб-инструментах Chrome я вижу, что они правильно настроены display: none;моим JavaScript, но при <select>нажатии на меню они отображаются. Как я могу сделать так, чтобы эти <option>символы, соответствующие моим критериям …

104 javascript  jquery  css  dom 

У меня есть несколько элементов, как показано ниже: <a class="slide-link" href="#" data-slide="0">1</a> <a class="slide-link" href="#" data-slide="1">2</a> <a class="slide-link" href="#" data-slide="2">3</a> Как я могу добавить класс к элементу со data-slideзначением атрибута 0(ноль)? Я пробовал много разных решений, но ничего не помогло. Пример: $('.slide-link').find('[data-slide="0"]').addClass('active'); Любая идея?

104 jquery  html  css  custom-data-attribute