Pytania otagowane jako css

mam body { background: url(images/background.svg); } Pożądanym efektem jest to, aby ten obraz tła miał szerokość równą szerokości strony, a wysokość zmienia się, aby zachować proporcję. np. jeśli oryginalny obraz ma rozmiar 100 * 200 (dowolne jednostki), a treść ma szerokość 600 pikseli, obraz tła powinien mieć wysokość 1200 pikseli. …

365 html  css 

W poniższym kodzie chcę, aby pojawiła się podpowiedź, gdy użytkownik najedzie na zakres, jak to zrobić? Nie chcę używać żadnych linków. <span> text </span>

364 html  css 

Czasami używam kotwic w stylu przycisków, a czasami po prostu używam przycisków. Chcę wyłączyć określone klikalne elementy, aby: Wyglądają na wyłączone Przestają być klikane W jaki sposób mogę to zrobić?

360 jquery  html  css  twitter-bootstrap 

Mam regułę stylu, którą chcę zastosować do tagu, gdy ma on dwie klasy. Czy jest jakiś sposób na wykonanie tego bez JavaScript? Innymi słowy: <li class='left ui-class-selector'> Chcę zastosować moją regułę stylu tylko wtedy, gdy lizastosowano obie klasy .lefti .ui-class-selectorklasy.

360 css  css-selectors 

Jak mogę stylizować kolor, rozmiar i cień ikon w ikonach Font Awesome ? Na przykład witryna Font Awesome wyświetli niektóre ikony na biało, a niektóre na czerwono, ale nie pokaże, CSSjak je stylizować w ten sposób ...

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

Na stronie http://github.com deweloper zachowuje pliki HTML, CSS, JavaScript i pliki projektu. Jak mogę zobaczyć wynik HTML w przeglądarce? Na przykład to: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html Po otwarciu nie wyświetla renderowanego kodu HTML autora. Pokazuje stronę jako kod źródłowy. Czy można to zobaczyć bezpośrednio jako renderowany HTML? W przeciwnym razie zawsze muszę pobrać …

355 html  css  git  github  github-pages 

Wdrażam paginację i musi być wyśrodkowana. Problem polega na tym, że linki muszą być wyświetlane jako blok, więc muszą być zmiennoprzecinkowe. Ale text-align: center;nie działa na nich. Mógłbym to osiągnąć, dodając lewe dopełnienie opakowania, ale każda strona będzie miała inną liczbę stron, więc to nie zadziała. Oto mój kod: .pagination …

354 css-float  center  css 

Treść mojego dokumentu HTML składa się z 3 elementów, przycisku, formularza i kanwy. Chcę, aby przycisk i formularz były wyrównane do prawej, a płótno pozostało wyrównane do lewej. Problem polega na tym, że kiedy próbuję wyrównać pierwsze dwa elementy, nie są one już względem siebie i zamiast tego są obok …

350 css  html 

Chcę użyć tej techniki http://css-tricks.com/svg-fallbacks/ i zmienić kolor svg, ale jak dotąd nie byłem w stanie tego zrobić. Umieszczam to w css, ale mój obraz jest zawsze czarny, bez względu na wszystko. Mój kod: .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> Uruchom fragment …

349 css  svg 

Jak pisać :hoveri :visitedwarunek dla a:before? Próbuję, a:before:hoverale to nie działa

347 css  css-selectors  pseudo-element  pseudo-class 

Chcę, aby moje ciało przestało przewijać się podczas używania kółka myszy, gdy Modal (z http://twitter.github.com/bootstrap ) na mojej stronie internetowej jest otwarty. Próbowałem wywołać fragment javascript poniżej, gdy modal jest otwarty, ale bez powodzenia $(window).scroll(function() { return false; }); I $(window).live('scroll', function() { return false; }); Pamiętaj, że nasza witryna …

347 javascript  jquery  css  scroll 

Jestem nowy w ReactJS i JSX i mam mały problem z poniższym kodem. Próbuję dodać wiele klas do classNameatrybutu na każdym li: <li key={index} className={activeClass, data.class, "main-class"}></li> Mój komponent React to: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) { this.setState({ focused: index …

347 javascript  css  reactjs  ecmascript-6 

Więc mam wprowadzanie tekstu <input type="text" value="3" class="field left"> Oto mój 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; Czy jest w tym jakieś ustawienie lub sztuczka, myślałem o stworzeniu etykiety, ale o stylizacji. Jak je przekonwertować i czy istnieje lepszy …

344 html  css  html-input 

Problem: Usuń dopełnienie / margines po prawej i lewej stronie col-md- * w Bootstrap 3. Kod 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"> …

342 css  twitter-bootstrap  html 

Stworzyłem witrynę za pomocą siatki Zurb Foundation 3 . Każda strona ma dużą 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 --> …

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