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

Я маю body { background: url(images/background.svg); } Бажаний ефект полягає в тому, що це фонове зображення матиме ширину, рівну ширині сторінки, висота змінюється для підтримки пропорції. Наприклад, якщо вихідне зображення має розмір 100 * 200 (будь-які одиниці), а тіло шириною 600 пікселів, фонове зображення повинно бути високим 1200 пікселів. Висота …

365 html  css 

У наступному коді я хочу, щоб підказка з’явилася, коли користувач наводить на палець, як це зробити? Я не хочу використовувати жодні посилання. <span> text </span>

364 html  css 

Іноді я використовую якіри, стилізовані як кнопки, а іноді просто використовую кнопки. Я хочу відключити конкретні клікові речі, щоб: Вони виглядають інвалідами Вони перестають клацати Як я можу це зробити?

360 jquery  html  css  twitter-bootstrap 

У мене є правило стилю, яке я хочу застосувати до тегу, коли він має два класи. Чи можливо це зробити без JavaScript? Іншими словами: <li class='left ui-class-selector'> Я хочу застосувати моє правило стилю лише у тому випадку, якщо застосовані liобидва .leftта .ui-class-selectorкласи.

360 css  css-selectors 

Як я міг стилювати колір, розмір та тінь піктограм із значків шрифту Awesome ? Наприклад, на сайті Font Awesome будуть показані деякі піктограми білого кольору, а деякі червоного кольору, але не буде показано, CSSяк їх стилювати таким чином ...

358 css  twitter-bootstrap  icons  styles  font-awesome-4 

На http://github.com розробник зберігає файли HTML, CSS, JavaScript та зображення проекту. Як я бачу вихід HTML у браузері? Наприклад це: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html Коли я відкриваю це, не відображається виведений HTML коду автора. Вона відображає сторінку як вихідний код. Чи можна побачити його як візуалізований HTML безпосередньо? Інакше мені завжди потрібно завантажити …

355 html  css  git  github  github-pages 

Я реалізую пагинацію, і її потрібно зосередити. Проблема полягає в тому, що посилання потрібно відображати як блок, тому їх потрібно плавати. Але потім, text-align: center;не працює на них. Я міг би досягти цього, надавши на обгортці розділення зліва зліва, але на кожній сторінці буде різна кількість сторінок, так що це …

354 css-float  center  css 

Корпус мого html-документа складається з 3 елементів, кнопки, форми та полотна. Я хочу, щоб кнопка та форма були вирівняні праворуч, а полотно залишалося вирівняним ліворуч. Проблема полягає в тому, що я намагаюся вирівняти перші два елементи, вони більше не слідують один за одним і замість цього знаходяться поруч один з …

351 css  html 

Я хочу використовувати цю техніку http://css-tricks.com/svg-fallbacks/ та змінити SVG-колір, але поки що мені це не вдалося. Я поміщую це в css, але мій образ завжди чорний, незважаючи ні на що. Мій код: .change-my-color { fill: green; } <svg> <image class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /> </svg> Виконати фрагмент кодуHide resultsРозгорніть …

349 css  svg 

Як написати :hoverта :visitedумовити a:before? Я намагаюся, a:before:hoverале це не працює

347 css  css-selectors  pseudo-element  pseudo-class 

Я хочу, щоб моє тіло перестало прокручуватися під час використання мишоподібного колеса, поки Модальний (з http://twitter.github.com/bootstrap ) на моєму веб-сайті відкритий. Я намагався зателефонувати фрагменту javascript нижче, коли модал відкритий, але без успіху $(window).scroll(function() { return false; }); І $(window).live('scroll', function() { return false; }); Зауважте, наш веб-сайт відмовився від …

347 javascript  jquery  css  scroll 

Я новачок у ReactJS та JSX, і у мене є невеликі проблеми з наведеним нижче кодом. Я намагаюся додати кілька classNameатрибутів для кожного класу li: <li key={index} className={activeClass, data.class, "main-class"}></li> Мій компонент React: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) { this.setState({ …

347 javascript  css  reactjs  ecmascript-6 

Тож у мене є введення тексту <input type="text" value="3" class="field left"> Ось мій CSS для цього background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px; Чи є налаштування чи хитрість до цього, я думав замість цього зробити ярлик, але як щодо стилізації. Як …

344 html  css  html-input 

Я створив сайт за допомогою сітки Zurb Foundation 3 . Кожна сторінка має великий h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --> </div> <!-- End Row …

343 css  responsive-design  font-size  zurb-foundation  em 

Проблема: Видаліть прокладку / край праворуч і ліворуч від col-md- * у Bootstrap 3. HTML-код: <div class="col-md-12"> <h2>OntoExplorer<span style="color:#b92429">.</span></h2> <div class="col-md-4"> <div class="widget"> <div class="widget-header"> <h3>Dimensions</h3> </div> <div class="widget-content" id=""> <div id='jqxWidget'> <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div> <div style="clear:both;" id="listBoxB"></div> </div> </div> </div> </div> <div class="col-md-8"> <div class="widget"> <div class="widget-header"> <h3>Results</h3> </div> …

342 css  twitter-bootstrap  html