css e immagini

[JavaFurbix]

Ragazzi, non so se è la sezione adatta...

Cmq, da lato client, cioè da browser, come faccio a ricavare un immagine che è stata inserita in un css ?

Allora cerchiamo di fare più chiarezza, praticamente in java, vorrei connettermi a questa pagina, scaricare l'html e salvare una certa immagine. Questa immagine però è stata inserita in un css e quindi nell'html non si vede.

anche con uno sniffer non riesco a catturare nulla...

Help me

[moaiamorfo]

ciao, mi viene in mente che potresti utilizzare jQuery per fare qualcosa del tipo:

var immagine = $("#idimmagine").css('background-image');

oppure:

var immagine = document.getElementById('idimmagine').style.backgroundImage;

saluti

[JavaFurbix]

allora mmm ...

Cerco di fare un esempio più dettagliato :

io mi connetto ad un sito ... e praticamente esistono dei captcha.
Ci sono 2 categorie di captcha ... Un tipo sono delle verie e proprie immagini e l'html risulta di questo tipo quando appare questo tipo di captcha :

<table width="100%" border="0" cellspacing="0" cellpadding="0">                         
<tr>                             
<td width="40%">[b]Codice[/b]</td>                        
<td>                             
[img]captcha.php?n=single_phrase[/img]                            </td>                         
</tr>                         
<tr>                            
<td>
[b]Inserisci il codice:[/b]</td>                             
<td><input name="code" type="text" size="8" maxlength="7" class="input"></td>     
                    
</tr>                         
</table> 

mentre nel caso esce l'altro tipo di captcha quello che non riesco a salvare come immagine il codice è così :

<table width="100%" border="0" cellspacing="0" cellpadding="0">
                         
<tr>                             
<td width="40%">[b]Codice[/b]</td>
 <td> 
 <style>#csscaptcha {         width:100%;         overflow:auto;     }     
.csscaptchaBig {         width:23em !important;         position:absolute;     }
          
#csscaptcha .letter {         float:left;         background-color:white;         margin-right:0.2em;         width:2.1em;         height:1.9em;         position:relative;         border:0.2em black solid;         -moz-box-sizing : border-box;     }     

#csscaptcha .letter DIV {         width:100%;         overflow:auto;         position:relative;     }     

#csscaptcha .letter SPAN {         width:0.2em;         height:0.2em;         float:left;         margin:0px;         line-height:0.1em;         overflow:hidden;         position:relative;     }     

#csscaptcha .letter .a {         background:black;     }     /*bigletter*/     

#csscaptcha .bigletter {         float:left;         background-color:white;         margin-right:0.3em;         width:3.8em;         height:3.6em;         position:relative;         border:0.4em black solid;         -moz-box-sizing : border-box;     }     

#csscaptcha .bigletter DIV {         width:100%;         overflow:auto;         position:relative;     }     

#csscaptcha .bigletter SPAN {         width:0.4em;         height:0.4em;         float:left;         margin:0px;         line-height:0.1em;         overflow:hidden;         position:relative;     }     

#csscaptcha .bigletter .a {         background:black;     }     .csscaptchaplus {         border:1px black solid;         width:0.7em;         cursor:hand;         cursor:pointer;         font-weight:bold;         -moz-box-sizing : border-box;         float:left;         line-height:0.5em;         margin-top:0.5em;         margin-left:-0.2em              }     

.csscaptchahidden {         position:absolute;         z-index:2;         top:0px;         left:0px;     }     

.htmlcapcha_label {         overflow:auto;         width:100%;         font-family:arial;         font-size:0.9em;         color:black;     }

</style>

<div id=csscaptcha> 

<div class=letter style="border-color:green;background-color:green">  
<div> <span style="background: #140551"></span> <span style="background: #103253"></span> 
<span style="background: #531504"></span> 
<span style="background: #244124"></span> 
<span style="background: #224342"></span> 
<span style="background: #fcac9a"></span> 
<span style="background: #255010"></span> 
</div> 
<div>
 <span style="background: #324225"></span> 
<span style="background: #504234"></span> 
<span style="background: #553524"></span> 
<span style="background: #035204"></span>
 <span style="background: #ddd9ce"></span> 
<span style="background: #deabbb"></span>
 <span style="background: #240500"></span>  
</div> 
<div> 
<span style="background: #310512"></span> 
<span style="background: #345444"></span> 
<span style="background: #335324"></span>
 <span style="background: #9eeabc"></span> 
<span style="background: #533214"></span>
 <span style="background: #dcb9fb"></span> 
<span style="background: #353342"></span> 
</div> 
<div> 
<span style="background: #414554"></span> 
<span style="background: #255344"></span> 
<span style="background: #9cdab9"></span> 
<span style="background: #325032"></span> 
<span style="background: #113451"></span> 
<span style="background: #aecd9a"></span>  
<span style="background: #201011"></span> 
</div> 
<div> 
<span style="background: #502042"></span> 
<span style="background: #f9becd"></span> 
<span style="background: #becae9"></span>
 <span style="background: #dddefe"></span> 
<span style="background: #ef9a9f"></span> 
<span style="background: #cbeeaf"></span> 
<span style="background: #124313"></span> 
</div>
 <div>
<span style="background: #335245"></span> 
<span style="background: #9c9efd"></span> 
<span style="background: #524020"></span> 
<span style="background: #255440"></span> 
<span style="background: #354513"></span>  
<span style="background: #cbafbc"></span> 
<span style="background: #245242"></span> 
</div>
<div> 
<span style="background: #315233"></span>
<span style="background: #fcbca9"></span> 
<span style="background: #014022"></span> 
<span style="background: #234234"></span>
<span style="background: #055531"></span> 
<span style="background: #e9b99a"></span> 
<span style="background: #510542"></span> 
</div> 
</div> 
<div class=letter style="border-color:green;background-color:green"> 
<div> 
<span style="background: #dda9bc"></span>
<span style="background: #222040"></span>  
<span style="background: #fdabcb"></span> 
<span style="background: #faef9e"></span> 
<span style="background: #beaefb"></span> 
<span style="background: #204535"></span> 
<span style="background: #cfccd9"></span> 
</div>
 <div> 
<span style="background: #dfefea"></span> 
<span style="background: #351254"></span>
<span style="background: #c9cac9"></span>
<span style="background: #9dddcf"></span>
<span style="background: #9ad9dc"></span>
<span style="background: #200430"></span> 
<span style="background: #afcaae"></span> 
</div> 
<div> <span style="background: #accab9"></span>  
<span style="background: #400055"></span> 
<span style="background: #bbbe9f"></span> 
<span style="background: #abbcba"></span> 
<span style="background: #daeff9"></span> 
<span style="background: #351445"></span> 
<span style="background: #99c9ea"></span> 
</div> 
<div>
<span style="background: #bebaea"></span>
<span style="background: #150121"></span>
<span style="background: #eeeafd"></span> 
<span style="background: #aaba9a"></span> 
<span style="background: #efd9ae"></span> 
<span style="background: #524443"></span>
<span style="background: #9bbeaf"></span> 
</div> 
<div>  
<span style="background: #fdaafa"></span> 
<span style="background: #314511"></span> 
<span style="background: #bdedca"></span> 
<span style="background: #cdfecb"></span> 
<span style="background: #cfd9ba"></span> 
<span style="background: #230523"></span> 
<span style="background: #dd99ab"></span> 
</div>
 <div> 
<span style="background: #cccdff"></span> 
<span style="background: #443433"></span>
<span style="background: #bcfc9f"></span> 
<span style="background: #aaaffb"></span> 
<span style="background: #fede9c"></span> 
<span style="background: #445334"></span> 
<span style="background: #9ffaaf"></span> 
</div> 
 <div>
 <span style="background: #fddebf"></span> 
<span style="background: #9eb9fb"></span>
<span style="background: #145234"></span> 
<span style="background: #405123"></span> 
<span style="background: #325315"></span> 
<span style="background: #bba9be"></span>
 <span style="background: #deabbb"></span>
</div>
</div> 
</div>                            
</td>                         
</tr>                         
<tr>                             <td>[b]Inserisci il codice:[/b]</td>                              <td><input name="code" type="text" size="8" maxlength="7" class="input"></td>                         </tr>                         </table> 

se ci fai caso .. Non riesco a capire quali sono le lettere che appaiono... Perchè sembrano nasconste nel CSS ...

CApito ora? E io ricevendo l'html di questa pagina cmq devo cercare di recuperare non dico le lettere ma quantomeno l'immagine delle lettere o cmq devo cercare un modo per capire queste benedette lettere integrate nel css come posso "leggerle"..

Ideee ??

ps: ti allego anche l'immagine prodotta da questo codice (fatta ovviamente con un print-screen se potevo salvare l'immagine direttamente non stavo quì a chiedere ) :

[Mich_]

la domanda potrebbe sembrare del tipo:
Come faccio a bypassare il captcha ed analizzarlo con metodi automatici?

Se e` questo lo scopo, non puo` trovare spazio in questi forum (e` scritto chiaramente nel regolamento generale dei forum e in quello particolare del forum CSS).

Se non e` questo lo scopo, e` meglio se lo spieghi chiaramente, perche` per questo tipo di violazioni del regolamento c'e` il ban immediato.

[JavaFurbix]

Mich_ allora teoricamente potrei risponderti che a te dovrebbe interessare essendo in un forum la parte tecnica e non quella legale...E in un forum dove si parla di tecnologie informatiche dovrebbe essere dato per scondato che si parla,si cercano e si testanto etc... i punti forti e i punti critici di una tecnologia e/o tecnica...

In più magari ti direi che ogni persona sa e non ha bisogno della "mamma" per ricordargli che è responsabile delle proprie azioni

Ovviamente a parte questi discorsi (che dovrebbero essere scontati) come si dice, la mamma degli imbecilli è sempre incinta... Quindi capisco anche te.

Venendo incontro alla tua esigenza di sapere, in primis ti dico che io studio informatica. E quindi lungi da me il danneggiare un sistema informatico.

cmq ti posso dare alcuni punti di spunto :

1) mi interessa sapere se alcune tecniche riescono a blindare un sito.

2) mi interessa confrontarmi con situazioni di questo tipo studiando informatica, elaborazioni delle immagini etc...(Cercando di scrivere un ocr molto basico)

Ora ovviamente io non vengo a cambiare la tua idea. Cioè se tu hai in testa che io voglio far danni, che posso dirti ... Qualsiasi cosa dico tu hai il tuo pre-giudizio.
(cosa che non dovrebbe esistere soprattutto in un forum più o meno tecnico e non frequentato da "bimbi-minc*ia".)

Ribadisco per l'ennesima volta, a me non interessa fare danni, del tipo spammare e/o caxxatine varie, ho l'uni e i libri che mi aspettano non sono un immaturo.


Insomma per diletto è un modo per apprendere ed imparare.

Se vedo qualche tecnica di sicurezza avanzata , la testo e ritengo che sia valida potrei utilizzarla per qualche lavoro per cui collaboro ad esempio.

In ogni caso... più amici di prima.

[fcaldera]

spiacente, ma il forum non accetta mai discussioni in cui si chiedono tecniche che potenzialmente potrebbero aggirare un sistema di sicurezza, a prescindere dalle intenzioni di chi apre la discussione.

Ma anche se fosse questa discussione non ha motivo di stare nel forum css, visto che con gli stessi css non puoi elaborare/riconoscere l'immagine così creata.