css3
CSS, aby zatrzymać zawijanie tekstu pod obrazem
Mam następujące znaczniki:
<li id="CN2787">
<img class="fav_star" src="images/fav.png">
<span>Text, t ... wrap starts here.
Nie tak:
IMG Text starts here and keeps going... and
wrap starts in the space left for the image.
Selektor CSS3: pierwszy typ z nazwą klasy?
Czy jest możliwe użycie selektora CSS3 :first-of-type aby wybrać pierwszy element o podanej nazwie klasy? Nie udało mi się zr ... gt;This text should appear red.</p>
<p class="myclass2">This text should appear green.</p>
</div>
Flexbox: 4 elementy w rzędzie
Używam flex box do wyświetlania 8 elementów, które będą dynamicznie zmieniać rozmiar wraz z moją stroną. Jak zmusić go do pod ... v class="child"></div>
<div class="child"></div>
</div>
</div>
</body>
CSS CALC alternative
Próbuję dynamicznie zmienić szerokość div przy użyciu CSS i bez jquery. poniższy kod będzie działał w następujących przeglą ... poprawne użycie:
/* IE-OLD */
width: expression(100% - 500px);
Czy Mogę również obsługiwać operę i przeglądarkę Android?
Pionowe i poziome centrowanie tekstu w okręgu w CSS (jak plakietka powiadomienia iphone)
Szukam sposobu na zrobienie plakietki typu cross-browser w CSS3. Oczywiście chciałbym użyć jednego div do tego, ale alternaty ... d Steven):
No JavaScript
brak zniekształcania właściwości display do komórki tabeli, która ma wątpliwy status wsparcia
text-overflow:elipsa w Firefoksie 4? (oraz FF5)
Właściwość text-overflow:ellipsis; CSS musi być jedną z niewielu rzeczy, które Microsoft zrobił dobrze dla sieci.
Wszystkie ... pod koniec 2011 roku. Co za ulga.
Uwagi do wydania dostępne tutaj: https://developer.mozilla.org/en-US/Firefox/Releases/7
Jak wyświetlić listę nieuporządkowaną w dwóch kolumnach?
W poniższym HTML, jaka jest najprostsza metoda wyświetlania listy w dwóch kolumnach?
<ul>
<li>A</li>
... >E</li>
</ul>
Pożądany wyświetlacz:
A B
C D
E
Rozwiązanie musi działać w przeglądarce Internet Explorer.
CSS: pure CSS scroll animation
Szukałem sposobu na przewinięcie w dół po kliknięciu przycisku, który znajduje się na górze strony, używając tylko CSS3.
Wię ... translateY(-40px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
Wyśrodkuj duży obraz nieznanego rozmiaru wewnątrz mniejszego div z ukrytym przepełnieniem
Chciałbym wyśrodkować img wewnątrz div bez javascript i bez tła-images .
Oto przykładowy kod
<div>
<img src ... dla mnie. Mógłbym również użyć javascript, ale wydaje się, że jest to bardzo ciężki sposób, aby to osiągnąć.
Dzięki!
Jack
Znalezienie "równoważnego" koloru z nieprzezroczystością
Powiedzmy, że mam kolor tła z" wstążką " biegnącą nad nim w innym jednolitym kolorze. Teraz chcę, aby wstążka była częściowo ... 8, 97), wstążka rgb(45, 34, 70). Chcę rgba(r, g, b, a) na wstążkę, żeby wyglądała identycznie jak w tym jednolitym kolorze.
Flexbox i przewijanie pionowe w aplikacji o pełnej wysokości przy użyciu nowszego interfejsu flexbox api
Chcę używać aplikacji pełnej wysokości za pomocą flexbox. Znalazłem to, czego chcę, używając starego flexboxa (display: box; ... e względu na flexbox elementu content. Sugeruję przesunięcie paska między kodem css a wynikiem, aby symulować różną wysokość.
Przyciski o stałej szerokości z Bootstrap
Czy Bootstrap obsługuje przyciski o stałej szerokości? Obecnie, Jeśli mam 2 przyciski, "Zapisz" i "pobierz", rozmiar przycisku zmienia się w zależności od zawartości.
Również jaki jest właściwy sposób rozszerzenia Bootstrap?
Emulowanie CSS3 border-radius i box-shadow w IE7/8
Pracuję nad HTML dla małej aplikacji internetowej; projekt wymaga obszaru zawartości z zaokrąglonymi narożnikami i cieniem. U ... ć, albo 2) zmodyfikować DOM (programowo) w taki sposób, że dodaje własne obrazy wokół obszaru zawartości, aby emulować efekt?
firefox overflow-y nie działa z zagnieżdżonym flexboxem
Zaprojektowałem układ 100% Szerokość 100% wysokość z css3 flexbox, który działa zarówno na IE11 (i prawdopodobnie na IE10 jeś ... </div>
</div>
</div>
</div>
</body>
</html>
@ font-czcionki twarzy działają tylko na własnej domenie
Próbuję stworzyć Typ repozytorium czcionek do użytku na moich stronach internetowych, tak aby móc wywołać dowolną czcionkę w ... ciałbym jednak skonfigurować sposób, w jaki tylko ja mogę mieć dostęp do tego repozytorium czcionek, ale to już inny projekt.
Rotating globe in CSS
Tworzę efekt rotacji Ziemi w CSS. Stworzyłem globus w CSS:
body {
background-color: #111;
}
#earth {
width ... rzymuje się, a następnie obraz resetuje się i zaczyna od nowa. Chcę, aby poruszał się płynnie bez szarpania. Dziękuję bardzo!
Czy istnieje sposób na podział listy na kolumny?
Moja strona ma "chudą" listę: na przykład listę 100 pozycji o długości jednego słowa. Aby zmniejszyć przewijanie, chcę przeds ... czne, więc jeśli lista zwiększy się do 200 pozycji, nie muszę robić wielu ręcznych korekt, aby dostosować się do nowej listy.
CSS3 Spin Animation
Przejrzałem kilka dem i nie mam pojęcia, dlaczego nie mogę uruchomić spinu CSS3. Używam najnowszej stabilnej wersji Chrome.
... ion-count: infinite;
-ms-animation-timing-function: linear;
-o-transition: rotate(3600deg);
}
<div></div>
Dlaczego kolejność zapytań o media ma znaczenie w CSS?
Ostatnio projektowałem strony, które są bardziej responsywne i często używałem zapytań CSS media queries. Jeden wzór zauważył ... e rozumienie zapytań o media jest poprawne, kolejność nie powinna mieć znaczenia, ale wydaje się, że ma. Jaki może być powód?
Układ responsywny Twitter Bootstrap nie działa w IE8 lub niższych
Opracowałem stronę za pomocą twitter bootstrap i wydaje się, że część responsywny układ jest uszkodzony we wszystkich przeglądarkach IE od IE8 i poniżej. Czy to po prostu nie jest obsługiwane dla tych przeglądarek?