Hvordan lage en iframe Transparent i HTML

En måte å vise besøkende en interessant webside objekt er skjule det. HTML opacity effekter, som støttes av alle moderne nettlesere, tillate utviklere å kontrollere åpenhet av objekter som vises på en webside. For eksempel ved å lage en iframe element gjennomsiktig, kan det føre til sidens bakgrunn å kikke gjennom iframe. Ved å eksperimentere med ulike HTML åpenhet innstillinger, kan du oppnå visuelle effekter som kan forvandle vanlige iframes i samtale stykker.

Bruksanvisning

1 Åpne en av HTML-dokumenter ved hjelp av en teksteditor eller en HTML-editor.

2 Finn dokumentet stil delen og lim inn følgende CSS-koden inn i den delen:

.gjennomsiktig
{
filter: alpha (opacity = 50);
opacity: 0.50;
}

Denne CSS-klasse som heter "transparent" bruker to attributter for å definere et objekts åpenhet: filter: alpha og opasitet. Å gjøre dette sikrer at alle moderne nettlesere kan se åpenhet effekt. Verdiene 50 og 0,50 kontrollere graden av åpenhet. Disse tallene varierer med en faktor på 100. Tillatte verdier mellom 0 og 100 for filter: alpha-attributtet og 0 til 1 for opacity attributtet.

3 Lim inn HTML-koden nedenfor til dokumentets hoveddel:

<Iframe class = "transparent" src = "http: //www.irs.gov&quot;>
<P> Denne nettleseren fungerer ikke med iframes </ p>
</ Iframe>

Dette skaper en enkel iframe som refererer til "transparent" CSS-klasse. Det viser IRS nettstedet.

4 Lagre dokumentet og åpne den i en nettleser. Iframe vil være 50 prosent gjennomsiktig fordi du selv som setter tetthetsinnstillinger til 50 prosent i CSS-klasse.

Hint

  • Legg en referanse til det gjennomsiktige klassen til noen iframe du ønsker å gjøre gjennomsiktig. Husk å bruke det samme nummeret når du definerer en iframe opasiteten i CSS-klasse. Del antall du tildeler "filter: alpha" med 100 for å få verdien for "opacity" attributt. For eksempel, hvis du tilordner 80 for å filtrere: alpha, sett opacity til 0,8. Lag en spennende spøkelsesaktig effekt ved hjelp av en svært liten opasitet verdi. Dette skaper en iframe som knapt vises på websiden.