Pytania otagowane jako css

CSS (Cascading Style Sheets) to język arkusza stylów reprezentacji używany do opisywania wyglądu i formatowania dokumentów HTML (HyperText Markup Language), XML (Extensible Markup Language) i elementów SVG, w tym (między innymi) kolorów, układu, czcionek, i animacje. Opisuje także, w jaki sposób elementy powinny być renderowane na ekranie, na papierze, w mowie lub na innych mediach.

8
jquery-ui zmiana datepicker z-index
Problem jest dość prosty, chociaż nie wiem, jak go rozwiązać. Używam datepicker jQuery-ui wraz z niestandardowym "przełącznikiem włączania / wyłączania stylu ios". Ten przełącznik używa niektórych absolutnie pozycjonowanych elementów, które obecnie pojawiają się na górze mojego selektora dat. zobacz brzydki krąg obejmujący 6 lipca poniżej ... brudnym sposobem na zrobienie …
7
Jak wyrównać etykietę i obszar tekstu?
Mój kod kończy się następująco: XXXXX XXXXX Description: XXXXX Chcę: XXXXX Description: XXXXX XXXXX „Opis” czasami obejmuje wiele linii. Kod: <p class="DataForm"> <label>Blah blah blah Description:</label> <asp:TextBox ID="txtBlahblahblahDescription" runat="server" TextMode="MultiLine" Rows="8" Columns="50"></asp:TextBox><br/> </p> CSS: .DataForm { } .DataForm label { display: inline-block; font-size: small; margin-left: 5px; width: 5%; min-width: 60px; …
83 html  css  asp.net 
7
HTML5 i frameborder
Mam element iframe w dokumencie HTML5. kiedy sprawdzam poprawność, pojawia się błąd informujący mnie, że atrybut w atrybucie iframe frameBorderjest przestarzały i że zamiast tego używam CSS. Mam tutaj ten atrybut frameBorder="0", ponieważ był to jedyny sposób, w jaki mogłem dowiedzieć się, jak pozbyć się granicy w IE, próbowałem border:none;w …
6
Jak zasymulować najechanie kursorem myszy w czystym JavaScript, który aktywuje „: hover” w CSS?
Próbowałem znaleźć kod do symulacji mouseoverw Chrome, ale mimo że detektor „najechania myszą” zostaje uruchomiony, deklaracja CSS „najechanie kursorem” nigdy nie jest ustawiona! Próbowałem też zrobić: //Called within mouseover listener theElement.classList.add("hover"); Ale wydaje się, że nic nie zmienia elementu na to, co jest zadeklarowane w jego hoverdeklaracji. czy to możliwe?
83 javascript  jquery  css 
5
Dlaczego moje marginesy div nakładają się i jak mogę to naprawić?
Nie rozumiem, dlaczego marginesy tych elementów div nakładają się. .alignright {float: right} #header .social {margin-top: 50px;} #header .social a {display: inline-block;} #header .social .fb {width: 64px; height: 1px; padding-top: 60px; overflow: hidden;} #header .social .twit {width: 64px; height: 1px; padding-top: 60px; overflow: hidden;} #header .contact {margin: 20px 70px 20px 0; …
83 html  css  margins 
4
Wyłącz niebieskie podświetlenie po dotknięciu / naciśnięciu obiektu kursorem: wskaźnikiem
Za każdym razem, gdy w przeglądarce Chrome zostanie dotknięta właściwość DIV z zastosowaną właściwością kursora, pojawia się niebieskie podświetlenie. Jak możemy się go pozbyć? Próbowałem następujących rzeczy: -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; Ale nie wpływają na niebieskie podświetlenie po naciśnięciu kursora.
83 html  css  mobile  touch  highlight 
4
Dlaczego translateY (-50%) jest potrzebne do wyśrodkowania elementu znajdującego się na górze: 50%?
Widzę, że ten kod działa, aby wyrównać div pionowo w swoim elemencie nadrzędnym: .element { position: relative; top: 50%; transform: translateY(-50%); } Pytanie brzmi: dlaczego? W pierwszej chwili pomyślałem, że element nadrzędny obejmuje więcej niż widok. Wyrównałem wysokość 100vhi szerokość mojego nadrzędnego rzutni 100%. To nie zadziałało. Nadal potrzebowałem tłumaczenia …
83 html  css 
7
Ustal pozycję kolumny w bootstrapie
Używając Bootstrap, mam klasę kolumny siatki = "col-lg-3", którą chcę umieścić na miejscu: ustalona, ​​podczas gdy druga .col-lg-9 jest normalną pozycją (można przewijać stronę). <div class="row"> <div class="col-lg-3"> Fixed content </div> <div class="col-lg-9"> Normal scrollable content </div> </div> Tak samo jak lewa kolumna w LifeHacker.com Zobaczysz, że lewa część jest …
7
Obramowania niewyświetlane w Firefoksie ze zwinięciem obramowania w tabeli, pozycją: względną w treści lub kolorem tła w komórce
Rozważ następujący kod HTML: <html> <head> <style> TABLE.data TD.priceCell { background-color: #EEE; text-align: center; color: #000; } div.datagrid table { border-collapse: collapse; } div.datagrid table tbody { position: relative; } </style> </head> <body> <div id="contents" class="datagrid"> <table class="data" id="tableHeader"> <thead> <tr class="fixed-row"> <th>Product</th> <th class="HeaderBlueWeekDay">Price</th> <th class="HeaderBlueWeekDay">Discount</th> </tr> </thead> <tbody> …
83 css  firefox  border 
6
Dlaczego włączenie akceleracji sprzętowej w CSS3 spowalnia wydajność?
Przenoszę 6000 małych elementów div w eksperymencie css3 przy użyciu przejścia od top: 0do top: 145pxdo testowania wydajności. Korzystanie żadnego sprzętową akcelerację biegnie gładka na Google Chrome. Jeśli włączę akcelerację sprzętową poprzez translateZ(0)wydajność, stanie się okropna. Dlaczego to jest takie? Oto mój przykładowy kod: http://dl.dropboxusercontent.com/u/17844821/tmp/hwtest.html Aktualizacja (2014-11-13): Ponieważ to pytanie …
4
CSS ustawia szerokość, aby wypełnić% pozostałego obszaru
Przepraszamy za nieco bzdurny tytuł. Nie mogłem wymyślić, jak lepiej to opisać. Próbuję zaimplementować gadżet członków Sieci znajomych Google w mojej witrynie (właśnie dostałem się do schematu i chcę go umieścić bez większego przeprojektowania, przynajmniej do testowania). Mój problem jest następujący: Mam element div kontenera, który ma szerokość 90% strony …
82 css 
4
Bootstrap 3 Glyphicons CDN
ZWRÓĆ UWAGĘ! Ikony Bootstrap powracają po scaleniu żądania ściągnięcia . Po kilku tygodniach poruszania się w tę iz powrotem, zdecydowałem się przywrócić czcionkę ikony Glyphicons do głównego repozytorium . Biorąc pod uwagę, jak powszechne są ikony w interfejsach użytkownika, prawdopodobnie szkoda dla większości ludzi nie umieszczanie ich (lub jakiejś innej …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.