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

Могу ли я использовать JavaScript, чтобы проверить (независимо от полос прокрутки), переполнен ли HTML-элемент его содержимым? Например, длинный div с небольшим фиксированным размером, свойство overflow, установленное на visible, и отсутствие полос прокрутки на элементе.

136 javascript  html  css 

Я делаю активы перед компиляцией и запускаю приложение в производственном режиме. После компиляции, когда я загружаю свою страницу индекса, я получаю следующие предупреждения в консоли chrome: Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0 prospects:1 OTS parsing error: invalid version tag Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.woff?v=2.0.0 prospects:1 OTS parsing error: invalid …

136 css  asset-pipeline  ruby-on-rails-4.1  custom-font 

У меня есть следующий код, который устанавливает контейнер, высота которого изменяется в зависимости от ширины при изменении размера браузера (для сохранения квадратного соотношения сторон). HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE> </div> </div> CSS .responsive-container { position: relative; width: 100%; border: 1px solid black; } .dummy { padding-top: …

135 html  css  responsive-design  vertical-alignment 

Я пытаюсь отобразить изображение PNG для <button>элемента в HTML. Кнопка имеет тот же размер, что и изображение, и изображение показывается, но по какой-то причине не в центре - поэтому невозможно увидеть все это. Другими словами, кажется, что верхний правый угол изображения расположен в центре кнопки, а не в верхнем правом …

135 html  css  image  button 

У меня есть много <a>тегов HTML без hrefатрибута для выполнения onclickвызовов JavaScript. Эти ссылки не имеют стиль указателя курсора. У них есть текстовый стиль курсора. Как установить стиль курсора для указателя на ссылки без использования hrefатрибута? Я знаю, что могу добавить href = "#". Я имею это во многих местах …

135 javascript  html  css  hyperlink  cursor 

У меня есть div внутри другого div. #outerи #inner. #outerимеет изогнутые границы и белый фон. #innerне имеет изогнутых границ и зеленого фона. #innerвыходит за изогнутые границы #outer. Есть ли способ остановить это? #outer { display: block; float: right; margin: 0; width: 200px; background-color: white; overflow: hidden; -moz-border-radius: 10px; -khtml-border-radius: 10px; …

135 css 

У нас есть два DIV, один встроен в другой. Если внешний DIV не позиционируется как абсолютный, тогда внутренний DIV, который позиционируется как абсолютный, не подчиняется скрытому переполнению внешнего DIV ( пример ). Есть ли шанс заставить внутренний DIV подчиняться переполнению, скрытому от внешнего DIV, без установки внешнего DIV в положение …

135 html  css  layout  overflow  css-position 

Я уже знаю о: last-child. Но есть ли способ выбрать div: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> ПРИМЕЧАНИЕ: без jQuery, только с CSS

135 html  css  css-selectors 

Давно существовала проблема с Firefox, который не загружал шрифт из другого источника, чем текущая веб-страница. Обычно проблема возникает, когда шрифты обслуживаются на CDN. В других вопросах были подняты различные решения: CSS @ font-face не работает с Firefox, но работает с Chrome и IE Есть ли решение с использованием CORS для …

135 css  firefox  amazon-s3  font-face  cors 

Я прочитал документацию , в которой говорится, что если я хочу использовать, scssмне нужно выполнить следующую команду: ng set defaults.styleExt scss Но когда я это делаю и создаю этот файл, я все равно получаю эту ошибку в консоли: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, …

135 css  angular  sass  angular6  angular-cli 

Я использую Bootstrap 4 alpha 2 и использую карты. В частности, я работаю с этим примером, взятым из официальных документов. Как сделать все карточки одинаковой высоты? Все, что я могу сейчас думать, это установить следующее правило CSS: .card { min-height: 200px; } Но это просто жестко запрограммированное решение, которое в …

135 html  css  twitter-bootstrap  bootstrap-4  bootstrap-cards 

Я новичок в начальной загрузке, и у меня есть шаблон шириной 100%, который я хочу кодировать с помощью начальной загрузки. Первый столбец начинается в левом углу, и у меня есть карта Google, простирающаяся до самого правого. Я думал, что смогу сделать это с container-fluidклассом, но это, кажется, больше не доступно. …

134 html  css  twitter-bootstrap  layout  twitter-bootstrap-3 

на многих сайтах, таких как http://www.clearleft.com , вы заметите, что при наведении ссылок они переходят в другой цвет, в отличие от немедленного переключения, действия по умолчанию. Я полагаю, JavaScript используется для создания этого эффекта, кто-нибудь знает, как?

134 css  hover  fade  effect 

Можете ли вы отключить вкладки в Bootstrap 2.0, как вы можете отключить кнопки?

134 javascript  css  twitter-bootstrap  twitter-bootstrap-2 

Проблема в том, что когда вам нужно использовать IFrame для вставки контента на веб-сайт, то в современном веб-мире ожидается, что IFrame также будет отзывчивым. Теоретически это просто, просто помощник использует <iframe width="100%"></iframe>или устанавливает ширину CSS, iframe { width: 100%; }однако на практике это не так просто, но может быть. Если …

134 html  css  iframe