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

[DevServlet]

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 :

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.

[dominos]

Attention avec les images (.png) ayant une zone de transparence. Sous les versions IE<7, il faut utiliser le format (.gif).

[DevServlet]

Je suis sous Opéra, tu penses qu'un gif passera mieux ? c'est vraiment la fonction url(...) qui me plombe les chargements.

[DevServlet]

Je viens de convertir mon png en gif, même comportement...

[ornitho13]

Salut,

commence par supprimer les " dans l'url.

[adiGuba]

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++

[dominos]

Envoyé par DevServlet

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.

[DevServlet]

Envoyé par adiGuba

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 :

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.

[DevServlet]

Voila l'image en question :

Code :

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?

[dominos]

Pourquoi charger une image entière plutôt que d'étirer juste 1px (repeat-x) ?

[DevServlet]

Envoyé par dominos

Pourquoi charger une image entière plutôt que d'étirer juste 1px (repeat-x) ?

J'ai rien pigé à ta réponse, en fait la transparence c'est parcequ'il y'a un flux video à l'arriere plan. Peux tu être plus explicite?

[dominos]

Bonjour, en fait je trouvais que ton image était vachement grande à charger, tu peux l'alléger en découpant 1px en largeur, puis tu ajoutes repeat-x après background. Peux-tu stocker ton image d'origine sur ce site svp.

De plus, je n'ai pas compris comment il peut y avoir un flux vidéo dernière un body ?

[adiGuba]

Envoyé par dominos

De plus, je n'ai pas compris comment il peut y avoir un flux vidéo dernière un body ?

Il a indiqué qu'il s'agissait d'un navigateur embarqué sur une TV...


@DevServlet
Le fait de ne pas mettre url( se traduit par une erreur, et donc la propriété est complètement ignorée.

Code :

background: pictures/standards/ecranStandard-1280x720.png);

Ce doit être pour cela que c'est tout blanc sans transparence : il ne charge pas l'image et affiche par défaut un fond blanc...


Après je ne connais pas du tout les navigateurs embarqués sur les TV pour savoir ce qui peut être fait ou pas...



a++

[DevServlet]

Envoyé par adiGuba

Il a indiqué qu'il s'agissait d'un navigateur embarqué sur une TV...


@DevServlet
Le fait de ne pas mettre url( se traduit par une erreur, et donc la propriété est complètement ignorée.

Code :

background: pictures/standards/ecranStandard-1280x720.png);

Ce doit être pour cela que c'est tout blanc sans transparence : il ne charge pas l'image et affiche par défaut un fond blanc...


Après je ne connais pas du tout les navigateurs embarqués sur les TV pour savoir ce qui peut être fait ou pas...



a++

Ce sont les mêmes navigateurs classiques que ceux qu'on connait je pense. Nous tournons sur Opera 11. Je sèche bien la dessus. Merci quand même pour vos réponses

[adiGuba]

Dans ce cas quelque chose comme cela devrait logiquement marcher :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html>
<header>
<meta charset="UTF-8">
<title>Exemple</title>
<style>
body {
	margin: 0; padding: 0;
	heigth: 720px;
	background-color: transparent;
}
 
#header {
	height: 100px;
	background-color: white;
}
#center {
	height: 520px;
	background-color: white;
	opacity: 0.7;
}
#footer {
	height: 100px;
	background-color: white;
}
</style>
</header>
<body>
 
<div id="header"></div>
<div id="center"></div>
<div id="footer"></div>
 
</body>
</html>

a++