 [CSS][HTML]Border w środku odtwarzacza video |
| [CSS][HTML]Border w środku odtwarzacza video |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 224 Pomógł: 0 Dołączył: 31.10.2012 Ostrzeżenie: (10%) 
 |
Witam. Czy mógłby mi ktoś wytłumaczyć jak osiągnąć taki efekt że przezroczysta ramka znajduje się w środku odtwarzacza, tak jak jest to pokazane na obrazku poniżej? Zazwyczaj ramki są dookoła filmu. Czy jest to do zrobienia w samym html/css? Z góry dziękuję i pozdrawiam.
(IMG:http://i.imgur.com/EDfWVOU.jpg) |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 6 806 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%) 
|
I niestety tu lipa, bo :after będzie mieć domyślnie większy z-index niż video i kontrolki.
Jest możliwe to po wprowadzeniu czterech oddzielnych elementów wewnątrz div.border, z których każdy będzie symulował jedną z czterech ramek. Czyli w div.border trzeba wstawić 4 elementy o szerokości/wysokości równej szerokość ramki/szerokość/wysokość video z background color z opacity. |
|
|
|
Generic [CSS][HTML]Border w środku odtwarzacza video 2.03.2015, 17:37:44 
kamil_lk http://jsfiddle.net/o4zmf84s/ 2.03.2015, 17:44:08 Generic @kamil_lk
przy znaczniku <video> ramka nie ... 2.03.2015, 18:16:12 trueblue http://jsfiddle.net/o4zmf84s/1/ 2.03.2015, 18:32:40 Generic Cytat(trueblue @ 2.03.2015, 18:32:40 ... 2.03.2015, 18:52:38 trueblue Ramka jest półprzezroczysta, to ona przysłania tek... 2.03.2015, 19:37:45 Generic Cytat(trueblue @ 2.03.2015, 19:37:45 ... 2.03.2015, 20:16:53 trueblue W moim przykładzie było zupełnie coś innego. 2.03.2015, 20:27:22 Generic Cytat(trueblue @ 2.03.2015, 20:27:22 ... 2.03.2015, 20:30:03 trueblue Przepisać style css z przykładu. 2.03.2015, 20:34:43 Generic Cytat(trueblue @ 2.03.2015, 19:37:45 ... 2.03.2015, 20:43:16 trueblue Coś takiego powinno zadziałać:
[HTML] pobierz, pla... 2.03.2015, 20:54:01 Generic @trueblue
Wygląda w porządku, ale coś blokuje prz... 2.03.2015, 21:03:21  |
|
Aktualny czas: 3.10.2025 - 12:44 |
