Apr 27

Überblick: CSS-Hacks

Tag: AllgemeinesPatrick @ 8:19 pm

An dieser Stelle möchte ich heute die geläufigste CSS-Hacks präsentieren, die man ab und an mal braucht – vor allem wenns um Microsofts Internet Explorer geht. Diese sind danach geordnet, welche Browser sie ansprechen.

CSS-Hacks nennt Selektoren, die nur von bestimmten Browsern interpretiert und angewandt werden. So kann man Unterschiede in der Darstellung wie beispielweise beim Box-Modell des Internet Explorers durch spezifische Angaben korrigieren.

Selector-Hacks:

IE 6 (und darunter) [Star-HTML-Hack]

* html #uno  { … }

IE 7 (und darunter) [Star-Plus-HTML-Hack]

*:first-child+html #dos { … }

IE 7 und moderne Browsers [Kind-Selektor]

html>body #tres { … }

Moderne Browsers (ohne IE 7)

html>/**/body #cuatro { … }

Opera 9.27 (und darunter)

html:first-child #cinco { … }

Safari

html[xmlns*=““] body:last-child #seis { … }

Safari 3+, Chrome 1+, Opera9+, FF 3.5+

body:nth-of-type(1) #siete { … }

Safari 3+, Chrome 1+, Opera9+, FF 3.5+

body:first-of-type #ocho {  … }

Safari 3, Chrome 1+

@media screen and (-webkit-min-device-pixel-ratio:0) {

#diez  { …  }

}

Attribute-Hacks:

IE 6 (und darunter)

once { _color:blue }

IE 7 (und darunter)

doce { *color: blue }

4 Antworten zu “Überblick: CSS-Hacks”

  1. Thomas Scholz sagt:

    An dieser Stelle möchte ich ich dich darauf hinweisen, daß man Vollzitate mit einer Referenz versieht und nicht als eigene Texte ausgibt. Siehe: http://paulirish.com/2009/browser-specific-css-hacks/

  2. links for 2009-04-29 - Linkbait, Blog, Forum, Info, Development, Guru, webDesigner, Serverskine - belzebob.de sagt:

    […] Überblick: CSS-Hacks | Ajaxschmiede.de (tags: css webdevelopment hacks showcase) […]

  3. Patrick sagt:

    Vielen Dank für den Hinweis, Thomas. Hab nen Link zur Originalseite eingebaut. Hatte ich vorgehabt, aber wohl ganz vergessen. Werd demnächst Vater und bin daher derzeit etwas durcheinander.

  4. Thomas Scholz sagt:

    Macht ja nix. 🙂
    Dir und der Mutter alles Gute!

  5. chloroquine sagt:

    chloroquine phosphate 250mg online

    coronavirus va – chloroquine phosphate 250mg – chloroquine for covid-19

  6. buy levitra sagt:

    levitra 20mg

    levitra results – beli levitra – levitra and alcohol use who is online

  7. cbd gummies sagt:

    cbd oil

    cbd relief – best cbd pills – how many mg in a drop of cbd oil

  8. green roads cbd sagt:

    plus cbd oil

    best cbd vape pen – 1000 mg cbd oil review – how long for cbd oil to work for anxiety

  9. viagra for sale sagt:

    viagra online canada pharmacy

    viagra 20mg username – order cheap viagra – taking asprin and viagra together

  10. chloroquine phosphate 250mg sagt:

    chloroquine phosphate online

    parvovirus o coronavirus – chloroquine covid-19 – coronavirus enveloped

  11. viagra generic sagt:

    generic viagra online pharmacy

    viagra canadian pharmacy no prescription there have been – uk sales viagra and viagra – viagra prices uk

  12. cialis at walmart sagt:

    cialis over the counter at walmart

    long term effect of cialis – online cialis risk – cialis 10mg or 20mg search

  13. cialis canada sagt:

    cialis online

    cialis 20mg canada view unanswered posts – atenololo interazione cialis – cialis soho

  14. best price for tadalafil 20 mg sagt:

    tadalafil

    cialis information advanced search – buy herbal cialis – cialis v viagra review

  15. side effects for tadalafil sagt:

    tadalafil online

    cheap generic cialis – free cialis – viagra cialis or levitra which is best

Hinterlasse einen Kommentar

You must be logged in to post a comment.