---
title: "rgsmoothgallery slightbox Website-Transparenz"
url: "https://www.typo3.net/d/96023-rgsmoothgallery-slightbox-website-transparenz"
source: "typo3.net"
tags: ["Extensions","Bilder","Frage","HTML & CSS"]
created: "2010-01-20"
last_reply: "2010-01-20"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# rgsmoothgallery slightbox Website-Transparenz

Extensions · 2 Antworten · gestartet 2010-01-20

## Eröffnungsbeitrag

**dirk.​f** · 2010-01-20 · [Beitrag #1](https://www.typo3.net/d/96023-rgsmoothgallery-slightbox-website-transparenz/1)

Hallo allerseits,

wenn in der Smoothgallery (rgsmoothgallery) die Lightbox öffnet, wird die Website im Hintergrund abgedunkelt (transparent).
Wo kann ich den Grad der Transparenz (opacity) einstellen?
In der /ext/rgsmoothgallery/res/css/slightbox.css
kann ich nur unter

```html
#rglbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index: 15;
}
```

die Farbe mit background-color ändern.

Die zusätzliche Eingabe in #rglbOverlay von

```html
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
```

bleibt ohne Effekt.
Die Website hinter der Lightbox ist nur schwach zu sehen. Ich hätte sie gerne deutlicher.

Grüße
Dirk

## Antworten

### [#2](https://www.typo3.net/d/96023-rgsmoothgallery-slightbox-website-transparenz/2) · igorshmigor · 2010-01-20

Das liegt daran, dass per JavaScript die Deckkraft direkt als Style dem Div zugewiesen wird. Das müsstest Du im StyleSheet mit !important überschreiben können, also z.B:

```html
#rglbOverlay {opacity:0.5 !important}
```

Ich kenne mich mit mootools nicht so aus, aber ich glaube die Deckkraft-Zuweisung per JavaScript geschieht in der Datei slightbox107.js in der Zeile 144:

```javascript
this.fx.overlay.custom(0.8-);
```

### [#3](https://www.typo3.net/d/96023-rgsmoothgallery-slightbox-website-transparenz/3) · dirk.​f · 2010-01-20

Danke für die Hilfe!

Es ist tatsächlich der Eintrag:

```javascript
this.fx.overlay.custom(0.8-);
```

Der Eintrag kommt allerdings zweimal vor (Zeile 144 und 346)
Die Änderung des Wertes in **Zeile 346** z. B. auf

```javascript
this.fx.overlay.custom(0.3);
```

funktioniert.
Der Hintergrund (Website) wird deutlich sichtbarer.

---

Quelle: „rgsmoothgallery slightbox Website-Transparenz“, typo3.net, https://www.typo3.net/d/96023-rgsmoothgallery-slightbox-website-transparenz
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.