CSS > Zoomen deaktivieren?

Hey. Bei Browsern gibt es ja die Möglichkeit zu zoomen.

Und seit paar Jahren sind die Browser sogar so schlau und zommen die Hintergrundbilder und normale Bilder mit. (Also nicht wie anfangs nur den Text).

Kann man dieses Verhalten per CSS deaktivieren? Hab nen großen Background im Body der bei Browser-Zoomen nicht mit gezoomt werden soll, sondern nur der Inhalt..

Ist das möglich?

(Restliche Inhalte sind in Wrapper als Header, Menü und Content zusammengefasst)

4 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

xrezix

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

21.12.2010, 09:50

nein, geht nicht.

das ist eine browsereigenschaft, die man nicht deaktivieren kann.

es gibt irgendwie ne schlechte javascript variante, also als jquery-plugin. damit kannst abfangen ob jemand "zoomt" und könntest somit darauf reagieren.

aber vergiss es...wenn js aus = zoom auch wieder da

bitmap

21.12.2010, 02:13

Also wenn hier keiner antworten kann, dann versuchs doch mal auf www.computerfrage.net (ist allerdings mit extra Registrierung).

Elroy7000

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

21.12.2010, 19:45

Jeder deiner Besucher kann doch wählen ob nur der Text oder auch Bilder gezoomt werden sollen.

Background Bilder werden definitv nicht mitgezoomt. Wenn das bei dir anders ist dann hast du dein Background Image falsch eingebunden.

tinoschulz1990

Beitragsersteller

21.12.2010, 19:48

Ja, aber bei dem Layout von mir, soll nur der wirkliche Inhalt gezoomt werden.

Hintergrundbilder werden definitiv mitgezoomt bei den gängigen Browsern.

eingebunden in den body via css mit:

body {background-image:url(images/bg.jpg);}

jayjay1999

05.03.2014, 20:21

Ist zwar schon extrem lang her... Du musst deine background size auf 100% setzen.

also

div { background-size:100%; }

Ähnliche Beiträge

CSS Hintergrundbild wird nicht angezeigt?

Ich mache grade eine Website, bei der oben im Header ein Hintergrundbild hinter dem Text stehen soll. Habe also ein div erstellt, eine Klasse gegeben und eine Höhe festgelegt. Wenn ich eine Hintergrundfarbe dort haben will, klappt es einwandfrei. Aber wenn ich ein background-image dort haben möchte, wird es im Browser einfach nicht angezeigt. Der Pfad stimmt, hab ihn schon mehrfach kontrolliert.

Wenn ich auf "untersuchen" klicke im Browser, wird auch dort im Code angezeigt, dass an der Stelle ein Hintergrundbild ist. Aber es wird einfach nicht angezeigt. Keine Ahnung, woran es liegt. Kann mir bitte jemand helfen?

...zum Beitrag

Wie kann ich mich auf meinem Bildschirm wieder raus ''zoomen''?

Ich hab mich iwie bei meinem Inet-Browser ran gezoomt jetzt sind die seiten so groß wie kann ich mich wieder raus zommen ??

...zum Beitrag

XHTML background?

Bei XHTML würde ich gerne ein Hintergrundbild einfügen, dass sich NICHT wiederholt OHNE CSS zu nutzen.

...zum Beitrag

Zoom beim Versenden von Fotos deaktivieren?

Hallo Leute,

gibt es eine Möglichkeit dass Fotos, die man per Whatsapp usw. verschickt von anderen nicht gezoomt werden können ?

...zum Beitrag

Wechselndes Hintergrundbild in HTML?

Hallo, wie kann ich einen script in Html erstellen, sodass sich das Hintergrundbild ca alle 10 sekunden verändert. Ich habe das Hintergrundbild bisher im CSS definiert:

html{background: url(images/DSC_0601-01.JPG) no-repeat center center fixed;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}

Wäre nett wenn mir da jemand helfen könnte :)

...zum Beitrag

Wie löse ich das Problem mit dem Bildaustausch (hover, etc.)?

Hallo,

ich versuche in CSS ein Hintergrundbild auszutauschen bei hover, active, etc.
Leider klappt es aber nicht, da bei besuchten Links dennoch das Hintergrundbild angezeigt wird, welches aber nur angezeigt werden soll, wenn der Link noch nicht geöffnet wurde.

So sieht der Code aus (body):

<div>
      <ul>
        <li><a href="xyz" class="img-link" title="xyz">xyz</a><br/></li>

Bei der Klasse in css habe ich es dann so probiert:

a.img-link{
  display: inline-block;
  background: url(../img/li-button-blue.png);
  margin: 0 auto;
  text-align: center;
}
a.img-link:visited {
  background: url(../img/li-button-yellow.png);
}
a.img-link:hover {
  background: url(../img/li-button-red.png);
}
a.img-link:active {
  background: url(../img/li-button-lightblue.png);
}
a.img-link:focus {
  background: url(../img/li-button-green.png);

Vielleicht kann ja jemand helfen, ist wahrscheinlich total einfach.

Vielen Dank.

...zum Beitrag

Html / Css Text auf Header bzw. Div-Container Text über Hintergrund?

CSS formatiert die Schrift so, dass immer der ganze Querbalken über dem Hintergrund nicht transparent ist. Wie mache ich das? ** Siehe Grafiken **

h1 { font-family: arial, verdana, helvetica; font-size: 40px; font-weight: 200; }

header { position: relative; height: 200px; display: block; background-color: black;

} nav { width: 500px; height: 200px; background-color: aqua; }

...zum Beitrag

Css wurde nicht aktualisiert?

Das Problem ist schon behoben aber mich interessiert woran es liegt.
hatte eine index.php in der hatte ich die style.css verlinkt

sagen wir mal der body background war auf rot aber ich hab ihn auf blau geändert.

Und es hat sich nichts getan bis ich es über den vs code debugger gestartet habe, dann ist mir die idee gekommen mal alle browser daten zu löschen.

und dann ging es wieder.

hatte keine Rechtschreibfehler oder sonst was,

wenn ich die style.css aus dem Php doc. Entfernt habe dann wurde der body auch weiss statt rot.
Hätte stunden damit verbracht irgendwelche fehler zu suchen, wenn mir das nicht schnell eingefallen wäre…

...zum Beitrag

CSS header nimmt nicht volle breite?

Hallo,

Also ich hab einen Header erstellt, mit folgendem HTML Code:

<header>
    <p>Jetzt auch mit KLARNA zahlen!</p>
</header>

CSS Code:

 header {
    display: flex;
    justify-content: center;
    color: white;
    align-items: center;
    background-color: rgb(102, 102, 102);
    height: 40px;
    margin: 0;
    padding: 0;
    width: 100%;
}

Aber wenn ich nun mir mal per Untersuchen, die Webseite anschaue:

Dann sieht man, dass der header ab einem gewissen zeit punkt nicht mehr die volle breite nimmt. Warum?

...zum Beitrag

Hintergrund bild im header wird nicht angezeigt?

Hallo, ich will in meine Html Website ein Bild als Hintergrund im Header haben, dies geht nicht, ich habe schon mehrmals gegoogelt und verschiedene Codes probiert, aber wenn ich die Seite aktualisiere bleibt sie weiß, und sagt, dass das Bild nicht gefunden werden konnte, obwohl ich es im gleichen Ordner habe wie meine Index und CSS Datei. Wisst ihr einen Rat? Danke im Voraus.

hier der Css Code:

.header{

min-height: 100vh;

width: 100%;

background-image: /*linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),*/ url(Website4/Dateien/Bilder/12.png);

background-position: center;

background-size: cover;

position: relative;

overflow: hidden;

}

...zum Beitrag

CSS Scroll-Parallax mit background-position?

Ich habe ein reiner Parallax-Effekt mittels CSS der auch genauso funktioniert wie er soll. Hierbei handelt es sich um ein einziges DIV mit Hintergrundbild:

<div id="h123_3" class="container-fluid parallax" style="height: 40vh; background-image: url(/bilder/bild1.jpg);"><a href="#h123_3" class="imageOpener btn btn-light btn-sm">Vergrößern</a></div>

Das CSS:

.parallax {
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: inset 0px 0px 30px #444;
  position: relative;
  transition: all 0.5s ease;
}

Einzigstes Problem: Durch background attachment: fixed wird das Bild ja relativ zum Viewport, also an der oberste Bildkante, fixiert. Gibt es ein Trick/Workaround in dem ich es schaffe, dass background-position: bottom trotzdem funktioniert ohne den Parallax-Effekt (durch fixed) zu verlieren? Auch JS würde ich gerne weitgehenst verzichten.

Edit: Hab mich etwas falsch ausgedrückt. Ja background-position funktioniert. Nur das Parallax-DIV sitzt beim Laden der Seite am oberen Bildschirmrand. Dadurch wird trotzdem nur der größteil obere Bildausschnitt angezeigt.

...zum Beitrag

HTML Navigation Bar Text Farbe ändern?

hey leude

Ich habe meine eigene Website gemacht, jetzt hab ich ein Problem ich möchte die Navigation bar den text dort in schwarz färben... habe schon bei css im header, nav, nav li probiert

CSS

.social-icons {
  text-align: center;
  }  
.social-icons li {
  display:inline-block;
  list-style-type:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  }
.social-icons li a {
  border-bottom: none;
  }
.social-icons li img {
  width:70px;
  height:70px;
  margin-right: 20px;
}

#wrapper {
    width: 960px;
    margin: center;
    font-family: arial, sans-serif
}
    
}

body {
    background-color: #8db6cd;
    
}

header {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 125px;
    text-align: center;
    text-color: black;
}

nav {
    text-align: center;
     text-color: black;
    
}

nav li {
    display: inline;
    margin-right: 40px;
    text-color: black;
}

a {
    color: #777;
    text-decoration: none;
    font-family: arial, sans-serif
}



section {
    width: 620px;
    height: 530px;
    float: left;
    background: lightgray;
    border: 1px solid #000000;
}


aside {
    width: 310px;
    height: 550px;
    float: right;
    background: darkorange;
    border: 1px solid #000000;
}

...zum Beitrag

Hintergrundbild in HTML anpassen?

Hab neu mit HTML und css angefangen...

Ich möchte zum Anfang als Startprojekt sowas wie einen Lebenslauf gestalten und will eben ein bestimmtes Bild als Hintergrundbild.

background-image: url('thumb2-flag-of-bern-4k-swiss-canton-silk-flag-silk-texture.jpg');
background-repeat: no-repeat;

so steht es in meiner CSS, das passt auch nur ist es nur auf dem Viertel des Bildschirms. Was muss ich noch dazuschreiben damit es 1. nur ein Bild ist und nicht wiederholt wird und es sich an die Tabgröße anpasst?

...zum Beitrag

Html css Hintergrundbild ausfüllen?

Hi, mein hintergrundbild wird nicht ganz ausgefüllt und fängt automatisch am Rand neu an (wiederholt sich)

Mit background repeat bin ich irgendwie nicht so weit gekommen, kann mir da bitte jemand helfen?

Auf dem Bild sieht man das das Bild neben von neu anfängt

Danke

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen