mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 26.04.2024 05:35 Benutzername: Passwort: Auto-Login

Thema: [HTML/CSS] PNG-Anzeige im IE7 fehlerhaft vom 06.07.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [HTML/CSS] PNG-Anzeige im IE7 fehlerhaft
Seite: 1, 2  Weiter
Autor Nachricht
benedict r.
Threadersteller

Dabei seit: 07.06.2007
Ort: Friedberg (Hessen)
Alter: 33
Geschlecht: Männlich
Verfasst Mo 06.07.2009 18:38
Titel

[HTML/CSS] PNG-Anzeige im IE7 fehlerhaft

 Antworten mit Zitat Zum Seitenanfang
Hallo!

Ich habe ein Darstellungs-Problem mit dem Internet Explorer 7. Es
geht um PNGs (24 Bit), die im Browser wie folgt angezeigt werden:



Anzeige im Internet Explorer 7 (OS: Windows Vista; emuliert in Parallels)


So soll es normalerweise aussehen:


Anzeige im Firefox 3.5 (OS: OS X 10.5.7)

Ich denke es liegt an der Verwendung der opacity-Eigenschaft (CSS),
welche durch jQuery animiert wird.

Kennt das Probem jemand?


Grüße,
Benedikt

Zuletzt bearbeitet von benedict r. am Mo 06.07.2009 18:42, insgesamt 4-mal bearbeitet
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 06.07.2009 18:53
Titel

Antworten mit Zitat Zum Seitenanfang
eine andere frage, wieso verwendest du nicht einfach richtige schrift anstatt images?

// evtl kannst du auch mal deinen quelltext posten. wie auch dein jQuery Script

Zuletzt bearbeitet von Kash am Mo 06.07.2009 18:53, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
benedict r.
Threadersteller

Dabei seit: 07.06.2007
Ort: Friedberg (Hessen)
Alter: 33
Geschlecht: Männlich
Verfasst Mo 06.07.2009 19:10
Titel

Antworten mit Zitat Zum Seitenanfang
Kash hat geschrieben:
eine andere frage, wieso verwendest du nicht einfach richtige schrift anstatt images?

Die Seite ist nicht sehr umfangreich und das Menü
wird sich nicht verändern. Daher habe ich mich für
Grafiken entschieden.

Kash hat geschrieben:
// evtl kannst du auch mal deinen quelltext posten. wie auch dein jQuery Script

Klar.

HTML
Code:
<div id="pageNavigation">
   <ul>
      <li><a class="active" href="#"><img src="images/banner/navigation/start.png" alt="Start"></a></li>
      <li><a href="#"><img src="images/banner/navigation/service.png"  alt="Service"></a></li>
      <li><a href="#"><img src="images/banner/navigation/blog.png" alt="Blog"></a></li>
      <li><a href="#"><img src="images/banner/navigation/contact.png" alt="Kontakt"></a></li>
   </ul>
</div>


JavaScript
Code:
// Blende inaktive Elemente aus
$('#pageNavigation > ul > li:not(:has(a.active))').animate( { opacity: 0.6 }, 0 );

// Animiere Elemente
$('#pageNavigation > ul > li:not(:has(a.active))').hover( function ( event ) {
   $(this).stop().animate({opacity: 1}, 100);
}, function ( ) {
   $(this).stop().animate({opacity: 0.6}, 100);
});



Grüße,
Benedikt

Zuletzt bearbeitet von benedict r. am Mo 06.07.2009 19:10, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 06.07.2009 19:56
Titel

Antworten mit Zitat Zum Seitenanfang
Zeig mal dein CSS. Oder besser ein online Beispiel.

Ansonsten, füge dem image, li Element mal eine Hintergrundfarbe hinzu.

Zuletzt bearbeitet von m am Mo 06.07.2009 20:00, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
benedict r.
Threadersteller

Dabei seit: 07.06.2007
Ort: Friedberg (Hessen)
Alter: 33
Geschlecht: Männlich
Verfasst Mo 06.07.2009 20:03
Titel

Antworten mit Zitat Zum Seitenanfang
m hat geschrieben:
Zeig mal dein CSS. Oder besser ein online Beispiel.

Ansonsten, füge dem image, li Element mal eine Hintergrundfarbe hinzu.


Das ganze CSS-Dokument: screen.css

Die Formatierungen, die sich auf die betroffenen Elemente beziehen:
Code:
* {
   outline: none;
}

img {
   border: none;
}

a {
   background: transparent;
   color: #7f8b94;
}

   a:hover {
      text-decoration: none;
   }
   
   a:active {
      text-decoration: none;
      color: #8d9aa4;
   }

#pageNavigation {
   position: absolute;
   bottom: 4px;
   left: 0px;
   float: left;
   width: auto;
}

   #pageNavigation ul {
      list-style: none;
      padding: 0px;
      margin: 0px;
      float: left;
   }
   
   #pageNavigation ul li {
      float: left;
      background-repeat: no-repeat;
   }

   #pageNavigation ul li a {
      padding: 0px 7px;
   }


Grüße,
Benedikt
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 06.07.2009 20:04
Titel

Antworten mit Zitat Zum Seitenanfang
Wollts grad sagen, dem Img eine background-color geben,
dann dürfts auch im IE funzen. Beispiel:
http://zweitaccount.zw.ohost.de/iefadepng/
  View user's profile Private Nachricht senden
benedict r.
Threadersteller

Dabei seit: 07.06.2007
Ort: Friedberg (Hessen)
Alter: 33
Geschlecht: Männlich
Verfasst Mo 06.07.2009 20:08
Titel

Antworten mit Zitat Zum Seitenanfang
Code:
background: transparent

... habe ich auch schon probiert.

Eine statische Farbe zu definieren nützt mir
doch aber auch nichts, wenn ich einen Farb-
verlauf im Hintergrund habe.

Grüße,
Benedikt
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 06.07.2009 21:03
Titel

Antworten mit Zitat Zum Seitenanfang
Kannst dem img ja auch ein Verlaufsimg als
Background mitgeben, das ginge ja auch:
http://zweitaccount.zw.ohost.de/iefadepng/

... oder multiplizieren die sich dann optisch, also
der Verlauf drunter und der halbtransparente
drüber...?

Zuletzt bearbeitet von zweitaccount am Mo 06.07.2009 21:04, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Anzeige in HTML aber ohne html ;-)
css-anzeige-fehler bei umwandlung von .html in .php
jquery/css/html..? : anzeige von inhalt abh. von scrollpos.
[php] Newsabfrage fehlerhaft
Mailformular fehlerhaft!
Textcodierung fehlerhaft am MAC
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB