|
|||
Spoiler-Button transparent machen
ich würde gerne folgenden Spoiler-Button transparenter machen,kenne mich aber nicht aus. ich möchte ihn in demselben grün, nur etwas blasser/transparenter.Freue mich auf eure Hilfe.
hier ist der CSS-Code: Code:
<div> <div class="pre-spoiler"> <span style="float:left; padding-top: 2px;" ><strong> </strong></span> <input name="button" type="button" style="border:dotted;background-color: #000000;color:#00FF00;width:150px;font-size:18px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = '← Anna'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Anna ';}" value="Anna"onMouseover="this.style.backgroundColor='#00FF00'" onMouseout="this.style.backgroundColor='#000000'"} </div> <div> <div class="spoiler" style="display:none"><br> Inhalt des Spoilers </div> </div> </div> |
Sponsored Links |
|
|||
Also generell Farben macht man, wie du ja auch schon angewendet hast, so: SELFHTML: Farben
Transparenz in CSS ist ein wenig schwieriger, da die alten IEs das anders haben wollen und afaik das noch nicht im Standart ist: Code:
<style type="text/css"> .foo { filter:alpha(opacity=50); /* IE 5-7, Werte zwischen 100(normal) und 0(durchsichtig) */ opacity=.5; /* Alle anderen Browser, Werte zwischen 1(normal) und 0(durchsichtig) */ } </style> <div class="foo">blabla</div> |
Sponsored Links |
|
|||
danke erstmal. wo muss ich das nun aber im code einfügen? ich kenn mich wirklich kaum aus
oder kann mir jemand meinen code so machen, dass der button eben transparent wird wenn man drüber hovert? |
|
||||
Zitat:
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
Stichwörter |
button, spoiler, transparent |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Inline Listenelement wird nicht richtig im background befüllt | SteveB | CSS | 3 | 28.04.2011 21:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
FF Problem: button mit image | darolla | CSS | 6 | 02.04.2007 09:49 |
Button - Rahmen | dieter99 | CSS | 1 | 06.12.2006 11:13 |
Alles verschoben bei mir im Template!! Was nun? | mar123 | CSS | 7 | 17.06.2005 16:58 |