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

Я хотів би використовувати динамічний текст як фон певних елементів у моєму тегу. Через це я можу використовувати зображення (динамічний текст). Як це зробити лише за допомогою CSS або JavaScript?

92 html  css  background 

За допомогою наступної розмітки я хочу, щоб селектор CSS вибрав усі, крім першого меню вибору, у кожному розділі параметрів - яких може бути багато: <div class="options"> <div class="opt1"> <select title="Please choose Warranty"> <option value="">Select Waranty</option> <option value="1">1 year guarantee</option> <option value="2">3 year guarantee</option> </select> </div> <div class="opt2"> <select title="Please choose …

92 html  css  css-selectors 

У мене є кнопки, які є елементами div, і я хочу зробити їх так, щоб користувач міг натискати клавішу табуляції на своїй клавіатурі та переміщатися між ними. Я спробував обернути їх текст в прив'язувальні теги, але, здається, це не працює. Хтось має рішення?

92 html  css  xhtml 

У мене є фіксоване зображення, яке накладає сторінку, коли користувач прокручує сенсорний екран (мобільний). Я хочу зробити це зображення "неможливим" або "неактивним" або чим завгодно, так що, якщо користувач торкається цього зображення та перетягує його, сторінка за ним все одно прокручується так, ніби зображення не було там, "блокуючи" взаємодію. Чи …

92 html  css  mobile  scroll  touch 

Скажімо, у мене є колір фону, на якому "стрічка" проходить в іншому суцільному кольорі. Тепер я хочу, щоб стрічка була частково прозорою, щоб дати змогу поєднуватися деяким деталям, але при цьому зберегти стрічку в "однаковому кольорі" на задньому плані. Чи є спосіб (легко) визначити для даної непрозорості / альфа <100% …

92 css  colors 

У мене є питання. У мене є елементи приблизно такі: <a> елемент з ідентифікатором = деякий Створений Дещо: Те саме: 0: ім'я <a> елемент з ідентифікатором = some Створено Дещо: Те саме: 0: прізвище <a> елемент з ідентифікатором = деякий Створений Дещо: Те саме: 1: ім'я <a> елемент з ідентифікатором …

92 css  css-selectors  webdriver 

У мене є дивна проблема з плагіном Jenkins HTML Publisher, коли весь вигаданий CSS, який я додав до звіту, видаляється при перегляді в Jenkins. Якщо я завантажую звіт у локальну систему, я бачу форматування CSS. Чи є в Jenkins налаштування, яке дозволяє переглядати CSS? Налаштування мого видавця HTML у Jenkins: …

92 html  css  jenkins  jenkins-plugins 

Використання методу css-in-js для додавання класів до реакційного компонента, як мені додати кілька компонентів? Ось змінна класів: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Ось як я ним користувався: return ( <div className={ this.props.classes.container }> Вищевказане працює, але …

92 css  reactjs  material-design  material-ui  jss 

Я намагаюся змінити колір фону div у наведенні миші . div {background: white;} div a: hover {background: grey; ширина: 100%; дисплей: блок; оформлення тексту: немає;} тільки посилання всередині DIV набуває кольору фону . що я міг зробити, щоб весь div отримав такий колір фону? спасибі РЕДАГУВАТИ: як я можу змусити …

91 css  colors  background  hover 

На даний момент я використовую цей фрагмент коду для відображення списку: <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul> Однак <div>елемент викликає деякі дуже незначні дефекти візуалізації в деяких браузерах. Я хотів би знати, чи є спосіб зробити ng-повтор без …

91 javascript  css  html  angularjs 

Чи є спосіб реалізувати функцію зворотного виклику у випадку анімації css3? У разі анімації Javascript це можливо, але не знайдено жодного способу зробити це в css3. Один із способів, який я міг бачити, - це виконати зворотний виклик після тривалості анімації, але це не гарантує, що він завжди буде викликаний …

91 javascript  css  frontend 

У наступні дні я маю представити прототип веб-програми одному з моїх клієнтів, справа в тому, що я не дуже добре володію CSS, і що найгірше, я майже ніколи не задоволений отриманими результатами. Кодування бізнес-логіки для мене не становить труднощів, проте дизайн інтерфейсу займає більше 80% мого часу. Мені не потрібно …

91 css  user-interface 

Кінцева подія переходу Webkit називається webkitTransitionEnd, Firefox перехідEnd, opera - oTransitionEnd. Який хороший спосіб вирішити їх усіх у чистому JS? Чи слід робити нюхання браузера? або впровадити кожен окремо? Якимсь іншим способом, який мені не спав на думку? тобто: //doing browser sniffing var transitionend = (isSafari) ? "webkitTransitionEnd" : (isFirefox) …

91 javascript  css  css-transitions  dom-events 

Я не впевнений, що повністю розумію різницю між цими двома. Хтось може пояснити, чому я вживаю одне над іншим і чим вони відрізняються?

91 css  css-position 

Перепрошую, якщо на це питання вже було дано відповідь. Я намагався шукати рішення, але не міг знайти жодного, що відповідає моєму коду. Я все ще новачок у jQuery. У мене є два різні типи липких меню для двох різних сторінок. Ось код для обох. $(document).ready(function () { var contentNav = …

91 javascript  jquery  html  css  dom