css3
Jaka jest różnica między max-device-width i max-width dla mobilnej sieci web?
Muszę opracować strony html dla telefonów iphone/android, ale jaka jest różnica między max-device-width A max-width? Muszę uż ... s dla różnych rozmiarów ekranu.
@media all and (max-device-width: 400px)
@media all and (max-width: 400px)
Co za różnica?
Czy istnieje odpowiednik background-size: cover i contain dla elementów obrazu?
Mam stronę z wieloma stronami i różnymi obrazkami w tle, i wyświetlam je z CSS jak:
body.page-8 {
background: url(".. ... i nie odpowiada rozmiarowi ekranu.
Czy istnieje sposób na wyświetlenie obrazu w taki sam sposób jak background-size: cover?
Mniej agresywna kompilacja z CSS3 calc
Mniej kompilatorów, których używam (OrangeBits i dotless 1.3.0.5) są agresywnie tłumaczone
body { width: calc(100% - 250px ... i nie mogłem nic znaleźć.
Czy less czy less compiler to obsługuje?
Jeśli nie, czy istnieje przedłużacz CSS, który tak robi?
Jak znormalizować funkcje przejścia CSS3 między przeglądarkami?
Zdarzenie przejścia Webkit nazywa się webkitTransitionEnd, Firefox to transitionEnd, opera to oTransitionEnd. Jaki jest dobry ... e);
element.addEventListener(transitionEnd, function(){callfunction()},false);
function callfunction() {
//do whatever
}
Co oznacza @media screen and (max-width: 1024px) w CSS?
Znalazłem ten fragment kodu w pliku CSS, który odziedziczyłem, ale nie mogę z niego wyciągnąć żadnego sensu:
@media screen ... th: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}
Konkretnie, co dzieje się na pierwszej linii?
Jak zrobić CSS3 zaokrąglone rogi ukryć przepełnienie w Chrome / Opera
Potrzebuję okrągłych rogów na rodzicu div, aby zamaskować zawartość z jego dzieci. overflow: hidden działa w prostych sytuacj ... za pomoc!
UPDATE: błąd powodujący ten problem został naprawiony w Chrome. Nie testowałem ponownie opery ani Safari jednak.
Wybierz każdy n-ty element w CSS
Czy można wybrać, powiedzmy, co czwarty element w zbiorze elementów?
Ex: mam 16 <div> elementów... Mógłbym napisać coś takiego.
div:nth-child(4),
div:nth-child(8),
div:nth-child(12),
div:nth-child(16)
Czy jest na to lepszy sposób?
Animacja obrócenia CSS3
<img class="image" src="" alt="" width="120" height="120">
Nie można uruchomić animowanego obrazu, powinien on obraca ... from {
transform: rotate(0deg);
} to {
transform: rotate(360deg);
}
}
}
Cień tylko na dole CSS3
Czy jest sposób, aby rzucić cień tylko na dno?. Mam menu z 2 obrazkami obok siebie. Nie chcę prawego cienia, bo nakłada się n ... 00000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
Wydajność CSS względem translateZ(0)
Wiele blogów wyraziło wzrost wydajności w "oszukaniu" GPU, aby myśleć, że element jest 3D, używając transform: translateZ(0), ... transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
Jak wyrównać tekst w pionie wewnątrz flexbox?
Chciałbym użyć flex box do pionowego wyrównania zawartości wewnątrz <li>, ale nie odniosłem wielkiego sukcesu.
Sprawdz ... ;
background: silver;
width: 100%;
height: 20%;
}
<ul>
<li>This is the text</li>
</ul>
Jak kierować TYLKO IE (dowolną wersję) w arkuszu stylów?
Mam odziedziczony projekt i są miejsca, w których jest totalny bałagan. To jeden z nich. Muszę kierować TYLKO IE (dowolną wer ... żytkownik używa IE. Jak mogę to zrobić?
Edit: znalazłem rozwiązanie dla Firefoksa, edytując pytanie, aby odzwierciedlić to.
Kolor tła nie jest wyświetlany w podglądzie wydruku
Próbuję wydrukować stronę. Na tej stronie podałem tabelę kolor tła.
Gdy wyświetlam Podgląd wydruku w chrome, nie przyjmuje wł ... t;
<td id="referenceSO">Approved</td>
</tr>
</tbody>
</table>
</div>
Dlaczego włączenie akceleracji sprzętowej w CSS3 spowalnia wydajność?
Przenoszę 6000 małych elementów div w eksperymencie css3, wykorzystując przejście z top: 0 do top: 145px w celu przetestowani ... ie być już widoczne w dostarczonym demo na nowoczesnym sprzęcie . Starsze urządzenia nadal mogą mieć problemy z wydajnością.
IE9 border-radius and background gradient
IE9 jest w stanie obsłużyć zaokrąglone rogi za pomocą standardowej definicji CSS3 border-radius.
A co z obsługą promienia g ... jako solidna czarna linia pod pudełkiem z zaokrąglonymi rogami.
Oto zdjęcia pokazane w IE9:
Jak mogę obejść ten problem?
Jak zaimportować czcionkę Google Web w pliku CSS?
Pracuję z CMS, do którego mam dostęp tylko do pliku CSS. Więc nie mogę nic dodać w nagłówku dokumentu. Zastanawiałem się, czy jest jakiś sposób na zaimportowanie czcionki internetowej z pliku CSS?
Jakiś sposób na ograniczenie długości granicy?
Czy Jest jakiś sposób na ograniczenie długości granicy. Mam <div>, który ma dolną krawędź, ale chcę dodać krawędź po le ... ąga się tylko w połowie drogi w górę.
Czy jest jakiś sposób, aby to zrobić bez dodawania dodatkowych elementów na stronie?
Make Adobe fonts work with CSS3 @ font-face in IE9
Jestem w trakcie budowania małej aplikacji intranetowej i bez powodzenia próbuję użyć Adobe font , którą ostatnio kupiłem. J ... [edytuj] - hostuję swoje strony (czcionki też, ale pod osobnym katalogiem i subdomeną dla treści statycznych) pod IIS 7.5
CSS - jak stylizować Etykietę wybranych przycisków radiowych?
Chcę dodać styl do wybranej etykiety przycisku radiowego:
HTML:
<div class="radio-toolbar">
<label><inpu ... px;
}
.radio-toolbar label + input[type="radio"]:checked {
background:pink !important;
}
Jakieś pomysły, co robię źle?
Flexbox nie dający jednakowej szerokości elementom
Próba flexbox nav, który ma do 5 elementów i zaledwie 3, ale nie dzieli szerokości równo między wszystkie elementy.
Fiddle ...
<li data-tab="3">Peanut Butter</li>
<li data-tab="4">Fish</li>
</ul>
</div>