Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
nel
Threadersteller
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Mi 30.09.2009 11:32
Titel IE 6 vergrößert hintergrundbilder ? |
|
|
hallo, hab dazu leider in der suche nichts gefunden.
ich habe eni problem, mit hintergrundbildern in links
der ie6 vergrößert die einfach auf die komplette größe des elements, was er aber nicht tun soll..
hier mal der code
Code: |
<a href="#" class="avatar_choice own_avatars">Dir Deine gespeicherten<br /> Avatare ansehen?</a>
<a href="#" class="avatar_choice new_avatars">einen weiteren Avatar<br /> zusammenstellen?</a>
<a href="#" class="avatar_choice other_avatars">die Avatare ander<br /> User bewerten?</a>
|
Code: |
a.avatar_choice {
width:200px;
height: 300px;
float: left;
padding: 0 20px;
text-align: center;
text-decoration: none;
color: #a13f3f;
font-size: 16px;
font-weight: bold;
}
a.avatar_choice:hover {
color: #df6363;
}
.own_avatars{
background: url(../images/own_avatars.png) no-repeat center bottom;
}
.own_avatars:hover{
background: url(../images/own_avatars_h.png) no-repeat center bottom;
}
.new_avatars{
background: url(../images/new_avatars.png) no-repeat center bottom;
}
.new_avatars:hover{
background: url(../images/new_avatars_h.png) no-repeat center bottom;
}
.other_avatars{
background: url(../images/other_avatars.png) no-repeat center bottom;
}
.other_avatars:hover{
background: url(../images/other_avatars_h.png) no-repeat center bottom;
}
|
ich weiß nicht weiter
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mi 30.09.2009 11:38
Titel
|
|
|
Inwiet meinst du denn vergrößern?
Wird es wiederholt oder aufgezogen?
Benutzt Du noch irgendein JavaScript zwecks der PNG Bilder?
Zuletzt bearbeitet von Kash am Mi 30.09.2009 11:38, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
nel
Threadersteller
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Mi 30.09.2009 11:40
Titel
|
|
|
Kash hat geschrieben: | Inwiet meinst du denn vergrößern?
Wird es wiederholt oder aufgezogen?
Benutzt Du noch irgendein JavaScript zwecks der PNG Bilder? |
die bilder werden aufgezogen, aber die proportionen bleiben erhalten
und ja, ich benutz n jQuery pngfix, liegt da das problem?
/ok, das problem liegt da - als gif werden sie nicht vergrößert
hoffentlich gibts da irgendwie trotzdem eine png-lösung
Zuletzt bearbeitet von nel am Mi 30.09.2009 11:43, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mi 30.09.2009 11:45
Titel
|
|
|
Wir haben schon etliche Lösungen zu dem PNG / IE6 Problem gepostet.
Da sollte Dir die Suchfunktion gute Ergebnisse liefern.
// kann ich dieses Script mal sehen?
Zuletzt bearbeitet von Kash am Mi 30.09.2009 11:46, insgesamt 1-mal bearbeitet
|
|
|
|
|
nel
Threadersteller
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Mi 30.09.2009 11:50
Titel
|
|
|
Kash hat geschrieben: | Wir haben schon etliche Lösungen zu dem PNG / IE6 Problem gepostet.
Da sollte Dir die Suchfunktion gute Ergebnisse liefern.
// kann ich dieses Script mal sehen? |
jop ich such mal, wusste nur nicht dass mein problem damit was zu tun hatte,
vielleicht werd ich einfach ein bisschen was vom hintergrund in die bilder mit reinpacken müssen, und dann wohl als gif speichern und hoffen, dass die bilder in jedem browser exakt an derselben position hocken[/code]
scheiß ie6 -.-
hier das script:
Code: | /**
* --------------------------------------------------------------------
* jQuery-Plugin "pngFix"
* Version: 1.1, 11.09.2007
* by Andreas Eberhard, andreas.eberhard@gmail.com
* http://jquery.andreaseberhard.de/
*
* Copyright (c) 2007 Andreas Eberhard
* Licensed under GPL (http://www.opensource.org/licenses/gpl-license.php)
*/
eval(function(p,a,c,k,e,r){e=function(c){return(c<62?'':e(parseInt(c/62)))+((c=c%62)>35?String.fromCharCode(c+29):c.toString(36))};if('0'.replace(0,e)==0){while(c--)r[e(c)]=k[c];k=[function(e){return r[e]||e}];e=function(){return'([237-9n-zA-Z]|1\\w)'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(s(m){3.fn.pngFix=s(c){c=3.extend({P:\'blank.gif\'},c);8 e=(o.Q=="t R S"&&T(o.u)==4&&o.u.A("U 5.5")!=-1);8 f=(o.Q=="t R S"&&T(o.u)==4&&o.u.A("U 6.0")!=-1);p(3.browser.msie&&(e||f)){3(2).B("img[n$=.C]").D(s(){3(2).7(\'q\',3(2).q());3(2).7(\'r\',3(2).r());8 a=\'\';8 b=\'\';8 g=(3(2).7(\'E\'))?\'E="\'+3(2).7(\'E\')+\'" \':\'\';8 h=(3(2).7(\'F\'))?\'F="\'+3(2).7(\'F\')+\'" \':\'\';8 i=(3(2).7(\'G\'))?\'G="\'+3(2).7(\'G\')+\'" \':\'\';8 j=(3(2).7(\'H\'))?\'H="\'+3(2).7(\'H\')+\'" \':\'\';8 k=(3(2).7(\'V\'))?\'float:\'+3(2).7(\'V\')+\';\':\'\';8 d=(3(2).parent().7(\'href\'))?\'cursor:hand;\':\'\';p(2.9.v){a+=\'v:\'+2.9.v+\';\';2.9.v=\'\'}p(2.9.w){a+=\'w:\'+2.9.w+\';\';2.9.w=\'\'}p(2.9.x){a+=\'x:\'+2.9.x+\';\';2.9.x=\'\'}8 l=(2.9.cssText);b+=\'<y \'+g+h+i+j;b+=\'9="W:X;white-space:pre-line;Y:Z-10;I:transparent;\'+k+d;b+=\'q:\'+3(2).q()+\'z;r:\'+3(2).r()+\'z;\';b+=\'J:K:L.t.M(n=\\\'\'+3(2).7(\'n\')+\'\\\', N=\\\'O\\\');\';b+=l+\'"></y>\';p(a!=\'\'){b=\'<y 9="W:X;Y:Z-10;\'+a+d+\'q:\'+3(2).q()+\'z;r:\'+3(2).r()+\'z;">\'+b+\'</y>\'}3(2).hide();3(2).after(b)});3(2).B("*").D(s(){8 a=3(2).11(\'I-12\');p(a.A(".C")!=-1){8 b=a.13(\'url("\')[1].13(\'")\')[0];3(2).11(\'I-12\',\'none\');3(2).14(0).15.J="K:L.t.M(n=\'"+b+"\',N=\'O\')"}});3(2).B("input[n$=.C]").D(s(){8 a=3(2).7(\'n\');3(2).14(0).15.J=\'K:L.t.M(n=\\\'\'+a+\'\\\', N=\\\'O\\\');\';3(2).7(\'n\',c.P)})}return 3}})(3);',[],68,'||this|jQuery||||attr|var|style||||||||||||||src|navigator|if|width|height|function|Microsoft|appVersion|border|padding|margin|span|px|indexOf|find|png|each|id|class|title|alt|background|filter|progid|DXImageTransform|AlphaImageLoader|sizingMethod|scale|blankgif|appName|Internet|Explorer|parseInt|MSIE|align|position|relative|display|inline|block|css|image|split|get|runtimeStyle'.split('|'),0,{})) |
Zuletzt bearbeitet von nel am Mi 30.09.2009 11:51, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] 2 Hintergrundbilder?
Hintergrundbilder für Handys
Hintergrundbilder überblenden
CSS 2 Hintergrundbilder übereinander
2 Hintergrundbilder in CSS einfügen
css 2 hintergrundbilder mit runden ecken
|
|
|
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.
|
|