Clipping div innere Inhalt

Ich habe einen DIV der Größe 147x88 und innen ist es ein Bild, das die gleiche Breite hat, aber könnte größer sein in der Höhe. In diesem Fall, das Bild geht über die Grenze des DIV. Es ist trotzdem clip das Bild, wenn man bedenkt, dass ich möchte, dass meine Seite in alten Browsern, die keine Unterstützung CSS3 (IE7 und IE8)?

InformationsquelleAutor Rafid | 2011-08-16
  1. 10

    Blenden Sie einfach die overflow-div, und die mit Bild wird beschnitten werden, um die Abmessungen des div.

    div{width: 147px; height: 88px; overflow: hidden;}
    • overflow: hidden funktioniert für statische Inhalte. Was aber, wenn Sie zu animieren, die Inhalte in den div? Der überlauf bricht, während es animieren und kommt dann wieder, wenn die animation fertig ist. Irgendwelche workarounds?
    InformationsquelleAutor theorise
  2. 4

    div { width: 147px; height: 88px; overflow: hidden; }

    InformationsquelleAutor Scott Brown
  3. 4

    Set overflow:hidden; auf den div:

    #yourDiv {
width:147px;
height:88px;
overflow:hidden;
}

    Beispiel: http://jsfiddle.net/purmou/sN5PL/

    InformationsquelleAutor Purag
  4. 1

    Diese Frage zeigt, wie man die Größe des Bildes mithilfe von JQuery.
    Sie können einen kleinen block, der überprüft die Größe des Bildes beim laden der Seite, und legen Sie die Größe des DIV entsprechend.

    InformationsquelleAutor Nicolas Modrzyk
Schreibe einen Kommentar