Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 05.12.2016, 18:04
filledat filledat ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.12.2016
Beiträge: 1
filledat befindet sich auf einem aufstrebenden Ast
Standard 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>
wie ich die checkboxen genau an die checkboxen im bild lege weiß ich. aber wie mache ich die transparent, dass dann dort nur ein häckchen (in blau zb) kommen würde?

danke
Mit Zitat antworten
Sponsored Links