Запитання з тегом «css»

Я виділив невеликий тестовий випадок z-indexпомилки IE7 , але не знаю, як це виправити. Я z-indexцілий день грав з нею . Що не так z-indexу IE7? Тестовий CSS: input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px solid #f00; background-color: #f00; …

163 css  internet-explorer-7  z-index 

Я десь читав, що <img>елемент поводиться як обидва. Якщо це правильно, чи міг би хтось пояснити прикладами?

163 html  css  image 

Використовуючи jQuery, я хотів би відключити прокрутку тіла: Моя ідея: Встановити body{ overflow: hidden;} Захоплення струмом scrollTop();/scrollLeft() Прив’яжіть до події прокрутки тіла, встановіть scrollTop / scrollLeft на захоплене значення. Чи є кращий спосіб? Оновлення: Будь ласка, ознайомтесь із моїм прикладом та причиною, чому на http://jsbin.com/ikuma4/2/edit Я усвідомлюю, що хтось подумає …

163 jquery  css  scroll 

Я намагаюся запустити поле завантаження (кнопка перегляду) за допомогою jQuery. Метод, який я зараз спробував: $('#fileinput').trigger('click'); Але це, здається, не працює. Будь ласка, допоможіть. Дякую.

163 javascript  jquery  css 

Я це питання бачив і трохи гуглив , але поки що нічого не спрацювало. Я вважаю, що це 2010 рік (ці питання / відповіді старі і, без відповіді), і у нас CSS3! Чи є спосіб отримати div, щоб заповнити ширину та висоту всієї комірки таблиці за допомогою CSS? Я не …

163 css 

Я хочу використовувати шрифт Roboto від Google на своєму веб-сайті, і я слідую за цим підручником: http://www.maketecheasier.com/use-google-roboto-font-everywhere/2012/03/15 Я завантажив файл із такою структурою папок: Зараз у мене є три питання: У мене в media/css/main.cssURL- адресі є css . То де мені потрібно помістити цю папку? Чи потрібно мені витягувати всі …

163 html  css  fonts 

У мене є сторінка, де існує лише форма, і я хочу розмістити форму в центрі екрана. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> </div> </form> </div> </div> …

163 css  twitter-bootstrap  bootstrap-4  centering 

Поведінка WebKit / Blink (Safari / Chrome) за замовчуванням на MacOS з 10.7 (Mac OS X Lion) - це приховати смуги прокрутки від користувачів трекпадів, коли вони не використовуються. Це може заплутати ; смуга прокрутки часто є єдиною візуальною підказкою, за допомогою якої елемент можна прокручувати. Приклад ( jsfiddle ) …

162 css  macos  webkit  scrollbar  blink 

Я створив наступне ... var menu = document.createElement('select'); Як я можу зараз встановити атрибути CSS, наприклад width: 100px?

162 javascript  css 

Уявіть наступний макет, де крапки представляють простір між полями: [Left box]......[Center box]......[Right box] Коли я виймаю правий ящик, мені подобається, що центральний ящик все ще знаходиться в центрі, як-от так: [Left box]......[Center box]................. Те саме стосується, якщо я видаляю ліве поле. ................[Center box]................. Тепер, коли вміст у центральній коробці стане …

162 html  css  flexbox  centering 

Здається, накладка Apple - це більше, ніж просто прозорість. Будь-які ідеї, як досягти цього ефекту за допомогою CSS та, можливо, JS?

161 javascript  css  user-interface  blur 

Закрито . Це питання ґрунтується на думці . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб на нього можна було відповісти фактами та цитатами, відредагувавши цю публікацію . Закрито 5 років тому . Удосконаліть це питання Я нещодавно виявив, Flexboxколи шукав рішення, щоб зробити діви однакової висоти, …

161 html  css  twitter-bootstrap  flexbox 

Я шукаю css селектор, який дозволяє мені вибрати попередню дочірню частину списку. <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <!-- select the pre last item dynamically no matter how long this list is --> <li>6</li> </ul> Статичний метод: ul li:nth-child(5) Динамічний метод: ul li:last-child(-1) що, звичайно, не підтверджує, також nth-last-child не …

161 css  css-selectors 

Складне запитання щодо вибору CSS, не знаю, чи це навіть можливо. Скажімо, це HTML-макет: <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> Я хочу вибрати останнє div, яке відображається (тобто не display:none), яке було б третім divу наведеному прикладі. Зауважте, кількість divs на реальній сторінці може відрізнятись (навіть ті, display:noneякі є).

161 html  css  css-selectors 

Мені потрібно його представлення коду, як #FFFFFF.

161 html  css