Pytania oznaczone «html»

117
Skaluj obraz, aby pasował do obwiedni

Czy istnieje rozwiązanie tylko CSS umożliwiające skalowanie obrazu do ramki ograniczającej (zachowując współczynnik proporcji)? Działa to, jeśli obraz jest większy niż kontener: img { max-width: 100%; max-height: 100%; } Przykład: Przypadek użycia 1 (działa):

117
Usuń pasek przewijania z iframe

Używając tego kodu <iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0"...

117
Wyłącz zmianę rozmiaru obszaru tekstowego

Próbuję wyłączyć zmianę rozmiaru textarea w mojej witrynie; w tej chwili używam tej metody: .textarea { clear:left; min-width: 267px; max-width: 267px; min-height:150px; max-height:150px; } Wiem, że moja metoda nie jest poprawna i szukam lepszej w JavaScript. Jestem początkującym, więc...

117
Indeks z nie działa z pozycją bezwzględną

Otworzyłem konsolę (chrome \ firefox) i uruchomiłem następujące linie: $("body").append("<div id=\"popupFrame\" style=\"width:100%;height:100%;background-color:black;opacity:0.5;position:absolute;top:0;left:0;z-index:1;\" />"); $("body").append("<div id=\"popupContent\"...

117
Wielokropek przepełnienia tekstu w dwóch wierszach

Wiem, że możesz użyć kombinacji reguł CSS, aby tekst kończył się wielokropkiem (...), gdy nadejdzie czas przepełnienia (wyjścia poza granice rodzica). Czy można (śmiało powiedzieć: nie) osiągnąć ten sam efekt, ale tekst zawija się w więcej niż jednym wierszu? Oto demo . div { width: 300px;...

117
CSS: zmień źródło obrazu na img: hover

Muszę zmienić <img>źródłowy adres URL na hover. Próbowałem tego, ale nie zadziała: HTML <img id="my-img" src="http://dummyimage.com/100x100/000/fff"/> CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle Każda pomoc będzie mile...

117
Flexbox i Internet Explorer 11 (wyświetl: flex w <html>?)

Planuję odejść od "pływających" układów i używać CSS flexbox w przyszłych projektach. Byłem zachwycony, widząc, że wszystkie główne przeglądarki w ich aktualnych wersjach obsługują (w taki czy inny sposób) flexbox. Udałem się do „Rozwiązany przez Flexbox”, aby spojrzeć na kilka przykładów. Jednak...

116
Jak odczytujesz wartości reguł CSS w JavaScript?

Chciałbym zwrócić ciąg z całą zawartością reguły CSS, taki jak format, który zobaczysz w stylu wbudowanym. Chciałbym móc to zrobić, nie wiedząc, co zawiera konkretna reguła, więc nie mogę po prostu wyciągnąć ich po nazwie stylu (np .style.width.) CSS: .test { width:80px; height:50px;...

116
Tag HTML 5 <video> a wideo Flash. Jakie są wady i zalety?

WAŻNA AKTUALIZACJA To pytanie zostało postawione ponad 9 lat temu. Wtedy miało to sens, teraz już nie. Flash jest na dobrej drodze; <video>wsparcie jest wszechobecne, w tym dla urządzeń mobilnych. Prawie wszystko, co może zrobić Flash, teraz może też zrobić HTML. Wygrał HTML, przegrał Flash....

116
Układasz DIV jeden na drugim?

Czy można łączyć wiele DIV, takich jak: <div> <div></div> <div></div> <div></div> <div></div> </div> Więc wszystkie te wewnętrzne DIV mają tę samą pozycję X i Y? Domyślnie wszystkie znajdują się poniżej siebie, zwiększając pozycję Y o...

116
Czy istnieje selektor CSS nie równa się?

Czy istnieje coś takiego jak! = (Nierówne) w CSS? np. mam następujący kod: input { ... ... } ale dla niektórych wejść muszę to unieważnić. Chciałbym to zrobić dodając klasę „reset” do tagu wejściowego, np <input class="reset" ... /> a następnie po prostu pomiń ten tag z CSS. Jak mogę...

116
Pokazać źródło wideo YouTube w tagu wideo HTML5?

Próbuję umieścić źródło wideo YouTube w <video>tagu HTML5 , ale wygląda na to, że nie działa. Po pewnym googlowaniu odkryłem, że HTML5 nie obsługuje adresów URL filmów z YouTube jako źródła. Czy możesz używać HTML5 do osadzania filmów z YouTube? Jeśli nie, czy jest jakieś...