css copertina in formato sfondo in Internet Explorer 7

So che l'IE7 non supporta background-size cover.css copertina in formato sfondo in Internet Explorer 7

Ho cercato nel web alcune soluzioni, ma l'unica cosa che ho è che dovrei mettere uno img con width: 100% e height:100% e metterlo come sfondo.

Questa è l'unica soluzione? Ho visto alcune soluzioni con -ms-filter ma non ha funzionato. Qualcuno ha un'altra soluzione?

1 cosa speciale: Ho più di 1 div che ha questa proprietà di copertina background-size.

In firefox tutto funziona (che sorpresa).

Edit1: Il mio codice simile a questo:

<div class="section" id="section1">here should be the first picture as the background!!</div> 
<div class="section" id="section2">here should be the second picture as the background!!</div> 
<div class="section" id="section3">here should be the third picture as the background!!</div>

fonte

2011-05-05 eav

leggi questo articolo http://css-tricks.com/perfect-full-page-background-image/ – sandeep

@sandeep, intendi la prima ie-fix? – eav

@Sai: Ehm intendevo la posizione ... comunque dovrebbe funzionare in es. tutti sanno cosa intendo .. – eav

Lascia la tua immagine una classe di streched (o qualsiasi altra cosa) e nel CSS mettere questo:

img.stretched { 
min-height: 100%; 
min-width: 1024px; 
width: 100%; 
height: auto; 
position: fixed; 
top: 0; 
left: 0; 
}

Assicurarsi di mettere il vostro tag img proprio sotto il tag <body>.

fonte

2011-05-05 09:54:37 Krimo

non ho immagine in html. è la proprietà css ... – eav

@eav: se davvero non vuoi inserire un tag img nel tuo documento, fallo almeno in modo dinamico tramite Javascript. Altrimenti rimarrai con il supporto parziale del browser. Per esempio con jQuery si potrebbe fare: '$ (" # section1 "). Append (" ");' – Krimo

Sì, sì giusto ... Che tristezza che ci sia ancora un utente di Internet Explorer 7 ... comunque potrei anche inserire l'immagine nella sezione 1. non è un mio problema. :-) – eav

questo funziona per me con IE7

http://kimili.com/journal/the-flexible-scalable-background-image-redux

Potrebbe essere necessario installare la libreria IE9.js da qui (funziona con molte versioni di IE)

http://code.google.com/p/ie7-js/

fonte

2011-05-05 21:34:47 MarkC80

sì che potrebbe fare il trucco .. Che cosa è questo ie7-js? – eav

due idee : 1. Attualmente sto provando a vedere se questo filtro aiuta:

AlphaImageLoader

Se la dimensione dello sfondo non è possibile in IE, forse si dovrebbe fare in modo che l'immagine di sfondo contenga due immagini. La prima immagine dovrebbe essere posizionata in un modo, quindi viene automaticamente visualizzata correttamente in IE senza dover definire la dimensione dello sfondo. Per tutti gli altri browser è possibile utilizzare la dimensione dello sfondo e la posizione per spostare la seconda immagine nella posizione corretta. Provando questo ora ...

fonte

2011-08-08 15:00:56 frequent

I filtri hanno effetti imprevedibili quando sono impostati sul tag body o quando vengono utilizzati font personalizzati. Il tuo chilometraggio può variare. –

Utilizzando Modernizr è possibile scoprire ciò che il browser dell'utente è in grado di.

Installare Modernizr collegandolo nell'intestazione

<script src="http://www.modernizr.com/downloads/modernizr-latest.js"></script>

E nel tag HTML,

<html class="no-js">

Utilizzando i CSS potete stile la pagina come il browser lo supporta - Check the documentation per quello rilevamento è supportato.In questo caso, vogliamo che il background-size classe

Nel file CSS - Per i browser senza background-size (AKA solo IE)

.no-background-size #image{ 
background-image: url(lol.png); 
min-height: 100%; 
min-width: 100%; 
}

e questo per i browser che:

.background-size #image{ 
background-image: url(lol.png); 
background-size: cover; 
}

L'uso di questo metodo è più conforme agli standard, perché in futuro tag come min-height: 100% potrebbero non essere utilizzati.

fonte

2012-01-20 11:41:44 SacredSkull

ho scritto un plugin per questo:

https://github.com/aramkocharyan/CSS-Background-Size-jQuery-Plugin

<div style="width: 400px; height: 300px;"> 
    <img class="background-size-cover" src="apple.jpg" /> 
</div> 

<script> 
$(document).ready(function() { 
    $('.background-size-cover').bgdSize('cover'); 
}); 
</script>

fonte

2012-07-20 14:00:20

controllare questo post per una risposta:

How do I make background-size work in IE?

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/someimage.png',sizingMethod='scale')";

funziona perfettamente in IE8

fonte

2012-11-15 01:01:11 pasx

css copertina in formato sfondo in Internet Explorer 7

risposta

Problemi correlati