|
|||
Checkbox transparent
Hallo,
ich habe in einem Bild 6 checkboxen. Folgender Code: HTML-Code:
.pic{ background: url(" http://oi65.tinypic.com/v829lc.jpg") no-repeat; width:600px; height:680px; position: relative; } .poin1{ left: 165px; bottom:50px; position: absolute; } .poin2{ left: 165px; bottom:90px; position: absolute; } .poin3{ left: 155px; bottom:125px; position: absolute; } .poin4{ left: 180px; bottom:122px; position: absolute; } HTML-Code:
<div class="pic"> <input type="checkbox" class="poin1"> <input type="checkbox" class="poin2"> <input type="checkbox" class="poin3"> <input type="checkbox" class="poin4"> </div> danke |
Sponsored Links |
|
|||
Dafür würde sich doch der Checkbox-Hack anbieten. Die eigentliche Checkbox ist dabei mit display:none; ausgeblendet, hat aber eine ID. Das zugehörige label-Element bezieht sich auf diese ID und "bedient" die Checkbox (anklicken) und ist absolut positionierbar. Mit der Checkfunktion kann dem label z.B. mit :before oder :after ein Unicode-Zeichen oder eine kleine Grafik zugewiesen werden, je nach Zustand der Checkbox. Es sind auch mehrere label Elemente pro Checkbox möglich. Es können auch beliebige andere Elemente damit beeinflußt werden. Auf meiner Webseite (www.thestorff.de/checkbox-hack-mod.php) habe ich mich mal etwas darüber ausgelassen. Es gibt aber im Netz noch mehr Infos darüber.
Viel Erfolg, Gruß Harry |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Verschiebungen bei größerem Bildschirm | seelefant | CSS | 4 | 28.07.2014 15:43 |
Inline Listenelement wird nicht richtig im background befüllt | SteveB | CSS | 3 | 28.04.2011 20:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 10:59 |
Über Checkbox gleichzeitig ein Textfeld aktivieren | Kalli 1976 | (X)HTML | 4 | 15.05.2007 16:32 |
Alles verschoben bei mir im Template!! Was nun? | mar123 | CSS | 7 | 17.06.2005 15:58 |