Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Frage Entwicklung

Lightbox2 - transparenter Hintergrund funktioniert nicht im IE

Mitglied: bigiana

bigiana (Level 1) - Jetzt verbinden

28.04.2013 um 23:49 Uhr, 2584 Aufrufe, 8 Kommentare

Hallo,
ich möchte gern die Lightbox2 auf meiner HTML-Seite verwenden. Allerdings ist der Bildhintergrund (also außerhalb des Bildcontainers) im IE nicht transparent (im FF klappts!). Der Code in der lightbox.css ist:
#lightboxOverlay {
...
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85 );
opacity: 0.85; ... }
Zuvor hatte ich Thickbox verwendet, dort war der Code:
filter:alpha(opacity=85);
Hab schon diese Zeile in die lightbox.css eingetragen, aber ohne Erfolg.
Für Hinweise wäre ich sehr dankbar.
bigiana
Mitglied: Hitman4021
29.04.2013 um 11:22 Uhr
Hallo,

hmm ein CSS Selektor ohne den HTML Code dazu bringt nicht wirklich was oder?

Hast du die richte jQuery Version?
Hast du irgendwelche JavaScript Fehler auf der Konsole?
Wie hast du das ganze eingebunden?

Gruß

PS.: Bitte benutz die < code > < /code> Tags (Ohne Leerzeichen)
Bitte warten ..
Mitglied: bigiana
29.04.2013 um 12:41 Uhr
also der html-code ist:
<script src="jass/jquery-1.7.2.min.js"></script>
<script src="jass/lightbox.js"></script>
<link href="jass/lightbox.css" rel="stylesheet" />
...
<a href="bildvor.jpg" rel="lightbox[gallery]"><img src="bild.jpg" alt="" /></a>

Die zugehörigen Dateien hab ich runtergeladen von:
http://lokeshdhakar.com/projects/lightbox2/

also jQuery Version 1.7.2 (min)
JavaScript Fehler erscheint nicht
Bitte warten ..
Mitglied: Hitman4021
29.04.2013 um 12:47 Uhr
Hallo,

in deinen 4 Zeilen HTML ist nichts auf was der oben genannte Selektor passen würde.

Gruß
Bitte warten ..
Mitglied: bigiana
29.04.2013 um 14:30 Uhr
Hallo,
ja, wie ich die Lightbox2 und andere html-Galerien verstehe, startet das Anklicken o.a. Links Javascripte, welche dann auf den Selektor bzw. die lightbox.css zugreifen.
Gruß bigiana
Bitte warten ..
Mitglied: Hitman4021
29.04.2013 um 14:41 Uhr
Hallo,

das JS ändert nur deinen HTML Code bzw. Fügt weiteres hinzu. Und genau dort muss dann auch der Selektor drinnen stehen. Poste das doch mal.

Gruß
Bitte warten ..
Mitglied: bigiana
29.04.2013 um 15:25 Uhr
Hallo,
ich glaub, nun hab ich den weiteren html-Code (also beim Bild-Anklicken) gefunden:

<html xmlns="http://www.w3.org/1999/xhtml;><head>"
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>lightbox2 - bild durch anklicken vergrößern</title>
<script src="jass/jquery-1.7.2.min.js"></script>
<script src="jass/lightbox.js"></script>
<link href="jass/lightbox.css" rel="stylesheet">
</head>
<body>

<a href="bilder/bild137g.jpg" rel="lightbox[gallery]"><img src="bilder/bild137k.jpg" alt="Plant 1"></a>
<a href="bilder/bild140g.jpg" rel="lightbox[gallery]"><img src="bilder/bild140k.jpg" alt="Plant 1"></a>
<a href="bilder/bild141g.jpg" rel="lightbox[gallery]"><img src="bilder/bild141k.jpg" alt="Plant 1"></a>

<div style="width: 1153px; height: 857px; display: block;" id="lightboxOverlay"></div>
<div style="display: block; top: 85.7px; left: 0px;" id="lightbox">
<div style="width: 320px; height: 420px;" class="lb-outerContainer">
<div class="lb-container">
<img src="bilder/bild141g.jpg" style="display: inline;" class="lb-image">
<div style="display: block;" class="lb-nav">
<a style="display: block;" class="lb-prev"></a>
<a style="display: none;" class="lb-next"></a>
</div>
<div style="display: none;" class="lb-loader">
<a class="lb-cancel"><img src="images/loading.gif"></a>
</div>
</div>
</div>
<div style="display: block; width: 320px;" class="lb-dataContainer">
<div class="lb-data">
<div class="lb-details">
<span style="display: none;" class="lb-caption"></span>
<span style="" class="lb-number">Image 3 of 3</span>
</div>
<div class="lb-closeContainer">
<a class="lb-close"><img src="images/close.png"></a>
</div>
</div>
</div>
</div>
</body></html>

Und in der lightbox.css:

/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
opacity: 0.85;
display: none;
}

Gruß bigiana
Bitte warten ..
Mitglied: Hitman4021
29.04.2013 um 15:33 Uhr
Hallo,

wie wäre es mit
01.
background-color: transparent; 
02.
# anstelle von 
03.
background-color: black;
Gruß
Bitte warten ..
Mitglied: bigiana
29.04.2013 um 17:13 Uhr
Hallo,
na ja, das bewirkt, dass gar keine Farbe im Rest des Fensters erscheint.
Der Witz ist ja, dass ein Bild in der Fenstermitte angezeigt wird, und außen herum über den restlichen Inhalt eine halbdurchlässige Farbe gelegt wird.

Gruß bigiana
Bitte warten ..
Ähnliche Inhalte
Router & Routing
Transparenter Proxy funktioniert nicht?
Frage von mrserious73Router & Routing3 Kommentare

Hallo, habe hier eine pfSense mit verschiedenen VLANs am laufen. Auf dieser habe ich u.a. Squid als transparenten Proxy ...

Windows Server
Terminalserver Hintergrund erzwingen funktioniert irgendwie nicht
gelöst Frage von mfernauWindows Server3 Kommentare

Hallo! Ich habe einen Windows Server 2012 R2 als TS und möchte den Usern gern einen fest eingestellten Desktop ...

Exchange Server
OWA funktioniert nur im IE
gelöst Frage von ketanest112Exchange Server18 Kommentare

Hallo zusammen, ich habe folgendes Problem: Mein Exchange Server an sich läuft, nimmt auch Mails an. Meine Handy Syncronisiert ...

Firewall
Transparente Hardwarefirewall
Frage von MimetypeFirewall4 Kommentare

Ich suche eine kleine Kiste, die als transparente Hardwarefirewall laufen kann. Am besten eine fertige Box. Die Firewall soll ...

Neue Wissensbeiträge
Datenschutz

Teamviewer kommt für IoT-Geräte wie den Raspberry Pi

Information von magicteddy vor 2 StundenDatenschutz

Moin, jetzt werden IoT Geräte endgültig zur Wanze? Anscheinend kann man auf einem Dashboard seine Geräte visualisieren Ich stelle ...

Microsoft

Letzte Updates für Win10 und Server2016 müssen bei Bedarf über den Update catalogue in den WSUS importiert werden!

Tipp von DerWoWusste vor 7 StundenMicrosoft1 Kommentar

automatisch kommt da nichts an im WSUS und auch nicht im SCCM. Siehe Hinweise zum Bezug der jeweils neuesten ...

Linux

Meltdown und Spectre: Linux Update

Information von Frank vor 3 TagenLinux

Meltdown (Variante 3 des Prozessorfehlers) Der Kernel 4.14.13 mit den Page-Table-Isolation-Code (PTI) ist nun für Fedora freigegeben worden. Er ...

Tipps & Tricks

Solutio Charly Updater Fehlermeldung: Das Abgleichen der Dateien in -Pfad- mit dem Datenobject ist fehlgeschlagen

Tipp von StefanKittel vor 3 TagenTipps & Tricks

Hallo, hier einmal als Tipp für alle unter Euch die mit der Zahnarztabrechnungssoftware Charly von Solutio zu tun haben. ...

Heiß diskutierte Inhalte
Netzwerkmanagement
Preis für Wartungsvertrag ok?
Frage von a-za-zNetzwerkmanagement16 Kommentare

Hallo! Mal ne Frage, weil ich mich mit dem akzeptablen Preis für einen Reaktionszeitvertrag nicht auskenne. Meine Firma hat ...

Windows Netzwerk
Ist ein Portforwarding auf einen PC ohne lauschendes Programm ein (großes) Sicherheitsproblem?
Frage von PluwimWindows Netzwerk13 Kommentare

Hallo zusammen, zur Fernwartung eines Rechners an einem anderen Ort nutze ich VNC. Da dieser Rechner einfach nur eine ...

SAN, NAS, DAS
Wer kennt sich mit QNAP und CISCO aus ?
gelöst Frage von MachelloSAN, NAS, DAS10 Kommentare

Hallo Zusammen hier im Forum, Ich habe ein QNas 451+ und dieses NAS hat zwei GBit Lan Adapter die ...

Windows Server
Terminal Server 2016 erkennt Berechtigungen nicht
Frage von Thomas2Windows Server7 Kommentare

Hallo Administratoren, folgendes Problem stellt sich dar: Es gibt zwei Windows Server 2016, die als Terminal Server fungieren. Jetzt ...