Artikel Tagged 'IMG'

Firefox 3.5.7: Wie kann der Mangel der abgerundeten Kanten eines Bildes fixieren

Manchmal muss man einfach einen Artikel zu verschieben, verändern die Sicht auf ein Problem zu lösen scheint unüberwindbar. Wenn man mit der Kompatibilität zwischen Browsern und CSS zu tun, zu erfinden Lösungen "spektakulär" hat (Stunts sagen würde) ist auf der Tagesordnung. , per Safari e Google Chrome. Was ich Ihnen eine einfache Möglichkeit, abgerundete Ecken, um Bilder mit gelten -moz-border-radius , die für Mozilla FireFox und -webkit-border-radius , Safari und Google Chrome.

Fortsetzung ...

jQuery: runde Kanten auf die Bilder überlappen

Aufgrund der unterschiedlichen Rendering auf Browser, Microsoft Internet Explorer auf jeden Fall sehen, dass im Hinterkopf, wir müssen immer an Tricks Zuflucht zu Spezialeffekten, die mittlerweile zum Standard werden sollte gelten. Die vielfach diskutierte abgerundeten Kanten sind ein klassisches Beispiel für "Katastrophe" durch die völlige Unfähigkeit zu einer ernsthaften Standards auf Seite Rendern von HTML / CSS machen produziert. , etc… Es gibt viele Lösungen, die das Netzwerk an die "Effekte" (Auswirkungen der Befreiung bestehenden HTML als abgerundete Kanten, Schatten, Spiegelungen, etc ...) mit Flecken auf den Blättern von Stilen, spezielle Tricks bei der Verwendung von zu erhalten erlauben div gepfropft, Bibliotheken JavaScript, Verwendung von canvas , etc ...
Auf einer rein technischen Lehre möchte ich erklären, weitere (Cross-Browser), um die abgerundeten Kanten der Bilder anzuwenden:

Demo und Quelle

Fortsetzung ...

Made in the image Größenänderung von Browser

Im Prinzip sollten, wenn Sie ein Bild einfügen in ein HTML-Dokument in seiner ursprünglichen Größe verwendet werden. Doch die TAG IMG können Sie die Breite (width) und Höhe (Höhe) von jedem Bild, unabhängig von der ursprünglichen Größe zu erzwingen. Diese Skalierung ist fertig - natürlich - aus dem Browser.
Verwenden Sie die ursprüngliche Größe des Bildes ist gut, obwohl in einigen Fällen beinhaltet eine doppelte Arbeit für die Web-Designer und / oder dynamische Motoren (wie CMS oder Bibliotheken von Grafik-Manipulation) auf dem Web Server. Eine klassische Diashow, zum Beispiel, in der Regel zeigt die Miniaturansicht oder Vorschau (kleines Bild) zeigen, dass, wenn Sie das Originalbild größer zu wählen.

Fortsetzung ...