IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Transparence non géree si pas la fonction url("img_url")


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juin 2007
    Messages
    2 938
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Juin 2007
    Messages : 2 938
    Par défaut Transparence non géree si pas la fonction url("img_url")
    Bonjour à tous,
    J'ai un souci de chargement de page.
    En fait je developpe des pages Html/css/js pour de l'embarqué.
    J'ai un temps de latence au chargement de page assez flaggrant, je viens de découvrir que c'est à cause de cette instruction :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    body {
    	margin: 0;
        padding: 0;
        z-index: -1;
    	background: url("../pictures/standards/ecranStandard-1280x720.png");
    	height: 720px;
    }
    Quand je laisse la fonction "url" l'image tarde à se charger mais la transparence contenu dans l'image est affichée,seulement le chargement est très long, en revanche quand jenleve le mot "url" le chargement est hyper rapide, sauf que ma transparence contenu dans le background disparait. Quelq'un a til déjà rencontré ce pb? Je developple avec opera 11.
    Merci d'avance de votre solution.

  2. #2
    Membre éclairé
    Inscrit en
    Février 2009
    Messages
    635
    Détails du profil
    Informations forums :
    Inscription : Février 2009
    Messages : 635
    Par défaut
    Attention avec les images (.png) ayant une zone de transparence. Sous les versions IE<7, il faut utiliser le format (.gif).

  3. #3
    Membre Expert
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juin 2007
    Messages
    2 938
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Juin 2007
    Messages : 2 938
    Par défaut
    Je suis sous Opéra, tu penses qu'un gif passera mieux ? c'est vraiment la fonction url(...) qui me plombe les chargements.

  4. #4
    Membre Expert
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juin 2007
    Messages
    2 938
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Juin 2007
    Messages : 2 938
    Par défaut
    Je viens de convertir mon png en gif, même comportement...

  5. #5
    Membre éclairé
    Inscrit en
    Février 2009
    Messages
    635
    Détails du profil
    Informations forums :
    Inscription : Février 2009
    Messages : 635
    Par défaut
    Citation Envoyé par DevServlet Voir le message
    Je viens de convertir mon png en gif, même comportement...
    ça ne résout pas le pb, c'est un complément d'information qui te permettra une fois résolu de fonctionner sous IE6/5.

  6. #6
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Par défaut
    Salut,

    commence par supprimer les " dans l'url.

  7. #7
    Expert éminent
    Avatar de adiGuba
    Homme Profil pro
    Développeur Java/Web
    Inscrit en
    Avril 2002
    Messages
    13 938
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Java/Web
    Secteur : Transports

    Informations forums :
    Inscription : Avril 2002
    Messages : 13 938
    Billets dans le blog
    1
    Par défaut
    Salut,


    Si tu enlèves "url" alors la ligne est incorrect et la propriété est ignoré... et donc l'image n'est pas téléchargé...

    Tu parles d'application embarqué mais apparemment l'image est assez conséquente (1280x720). Est-ce normal ?

    Tu parles de transparence ? Quel est le résultat final que tu souhaites obtenir ?


    a++

  8. #8
    Membre Expert
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juin 2007
    Messages
    2 938
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Juin 2007
    Messages : 2 938
    Par défaut
    Citation Envoyé par adiGuba Voir le message
    Salut,


    Si tu enlèves "url" alors la ligne est incorrect et la propriété est ignoré... et donc l'image n'est pas téléchargé...

    Tu parles d'application embarqué mais apparemment l'image est assez conséquente (1280x720). Est-ce normal ?

    Tu parles de transparence ? Quel est le résultat final que tu souhaites obtenir ?


    a++
    C'est une application HTML/css/js embarquée pour les decodeurs numeriques.
    C'est l'image par defaut pour des télés HD. Si j'enleve l'url j'obtiens :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    background: pictures/standards/ecranStandard-1280x720.png);
    Qui m'affiche bien l'image de maniere instantanée, sauf que je perds la transparence. Je rappelle que le decodeur tourne sous Opera 11.

  9. #9
    Membre Expert
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juin 2007
    Messages
    2 938
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Juin 2007
    Messages : 2 938
    Par défaut
    Voila l'image en question :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    http://www.developpez.net/forums/attachment.php?attachmentid=74503&stc=1&d=1300268344
    C'est la transparence du milieu qui disparait quand j'enleve le prefixe url.
    Une idée pour contourner?
    Images attachées Images attachées  

Discussions similaires

  1. Que dois-je faire pour ne pas imprimer l'url de ma page ????
    Par pontus21 dans le forum Général Conception Web
    Réponses: 3
    Dernier message: 01/06/2005, 20h09
  2. [CSS][IE >= 5.5] Transparence non voulue !
    Par pimousse76 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 12/05/2005, 16h06
  3. Provider fournit Int et non Currency, ClientDS pas content
    Par WebPac dans le forum Bases de données
    Réponses: 1
    Dernier message: 24/11/2004, 10h27
  4. Couleurs non standart (donc pas clX)
    Par Shabata dans le forum Langage
    Réponses: 8
    Dernier message: 20/06/2003, 07h51
  5. Réponses: 9
    Dernier message: 07/05/2003, 12h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo