Pytania otagowane jako css

На этот вопрос есть ответы на Stack Overflow на русском : Прозрачный текст вырезан из фона Czy istnieje sposób na utworzenie przezroczystego tekstu z efektu tła , takiego jak na poniższym obrazku, za pomocą CSS? Szkoda byłoby stracić wszystkie cenne SEO z powodu obrazów zastępujących tekst. Najpierw pomyślałem o cieniach, …

92 css  svg  fonts  css-shapes 

Stworzyłem dość skomplikowane elementy DOM z pseudoelementem: after i chciałbym mieć możliwość sprawdzenia i dostrojenia ich w przeglądarce Chrome lub Firebug lub ich odpowiedniku. Pomimo wzmianki o tej funkcji w tym poście na blogu WebKit / Safari (z 2010 r.), Nie mogę jej znaleźć ani w przeglądarce Chrome, ani w …

92 css  firefox  google-chrome  firebug  google-chrome-devtools 

Tworzę aplikację internetową i muszę zidentyfikować przeglądarkę Microsoft Edge oddzielnie od innych, aby zastosować niepowtarzalny styl. Czy istnieje sposób na zidentyfikowanie Edge za pomocą CSS? Tak jak, <!--[if IE 11]> Special instructions for IE 11 here <![endif]-->

92 css  browser  microsoft-edge 

Czy istnieje selektor CSS, który ma zastosowanie do niepustych atrybutów? Używanie :not([Data-Attribute=''])dopasowań również wtedy, gdy atrybut nie istnieje . Szukam czegoś takiego [Data-Attribute!=''].

92 css  css-selectors 

Chciałbym użyć dynamicznego tekstu jako tła niektórych elementów w moim tagu. Dzięki temu mogę używać obrazów (tekst dynamiczny). Jak to zrobić za pomocą samego CSS lub JavaScript?

92 html  css  background 

Z następującymi znacznikami chcę, aby selektor CSS zaznaczył wszystkie oprócz pierwszego menu wyboru w każdym div opcji - których może być wiele: <div class="options"> <div class="opt1"> <select title="Please choose Warranty"> <option value="">Select Waranty</option> <option value="1">1 year guarantee</option> <option value="2">3 year guarantee</option> </select> </div> <div class="opt2"> <select title="Please choose Color"> <option …

92 html  css  css-selectors 

Mam pytanie. Mam takie elementy: <a> element z id = someGenerated Some: Same: 0: name <a> element z id = someGenerated Some: Same: 0: sename <a> element z id = someGenerated Some: Same: 1: name <a> element z id = someGenerated Some: Same: 1: sername Potrzebuję selektora CSS, aby uzyskać …

92 css  css-selectors  webdriver 

Mam dziwny problem z wtyczką Jenkins HTML Publisher, w której wszystkie fantazyjne CSS, które dodałem do raportu, są usuwane podczas przeglądania w Jenkins. Jeśli pobiorę raport do lokalnego, mogę zobaczyć formatowanie CSS. Czy w Jenkins jest ustawienie umożliwiające przeglądanie CSS? Moje ustawienia wydawcy HTML w Jenkins: Moja strona raportu, gdy …

92 html  css  jenkins  jenkins-plugins 

Rozważ następujący kod : HTML: <div> <label for='name'>Name:</label> <input type='text' id='name' /> </div> CSS: div { height: 50px; border: 1px solid blue; } Jaka byłaby najłatwiejsza metoda umieszczenia labeli inputna środku div(pionowo)?

92 css  html  vertical-alignment 

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> Nie mogę …

92 css  twitter-bootstrap  bootstrap-4 

oto co mam Fiddle ul { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; width: 100%; height: 100px; background: #333; padding: 15px; } ul li { padding: 15px; margin: 5px; background: #efefef; border: 1px solid #ccc; display: inline-block; list-style: none; } #item-1 { height: 50px; } #item-2 { height: 70px; …

92 html  css 

Mam stały obraz, który nakłada się na stronę, gdy użytkownik przewija ekran dotykowy (telefon komórkowy). Chcę, aby ten obraz był „niemożliwy do kliknięcia”, „nieaktywny” lub cokolwiek innego, tak aby jeśli użytkownik dotknął tego obrazu i przeciągnął z niego, strona za nim nadal przewijała się tak, jakby obrazu nie było „blokując” …

92 html  css  mobile  scroll  touch 

Powiedzmy, że mam tło w kolorze z „wstążką” w innym jednolitym kolorze. Teraz chcę, aby wstążka była częściowo przezroczysta, aby umożliwić przenikanie niektórych szczegółów, ale nadal utrzymywać wstążkę w „tym samym kolorze” na tle. Czy jest sposób (łatwo) określić, dla danego krycia / alfa <100% koloru wstążki, jakie wartości RGB …

92 css  colors 

Próbuję stworzyć animację wielokropka i zastanawiałem się, czy jest to możliwe z animacjami CSS ... Więc może być tak Loading... Loading.. Loading. Loading... Loading.. I po prostu kontynuuj w ten sposób. Jakieś pomysły? Edycja: w ten sposób: http://playground.magicrising.de/demo/ellipsis.html

92 css  css-animations 

Próbuję wyeliminować 2 pliki CSS, które blokują renderowanie w mojej witrynie - pojawiają się one w Google Page Speed ​​Insights. Stosowałem różne metody, z których żadna nie okazała się sukcesem. Ale ostatnio znalazłem post o Thinking Async i kiedy zastosowałem ten kod: <script async src="https://third-party.com/resource.js"></script>wyeliminował problem. Jednak po opublikowaniu strona …

92 html  css  asynchronous