Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Pseudopopupeffekt funktioniert nicht bei IE

Empfohlene Antworten

Veröffentlicht

Ich habe einen netten Popupeffekt für eine Login-Datei erzeugt.

Ein Bereich der Seite reagiert auf die Mous (hover) dazu habe ich einfach ein unsichtbares Gif hinterlegt, der den Bereich abdeckt.

Berührt man den Link erscheint ein Info-Bild wie ein Popup.

Das funktioniert prima bei Morzilla, und bei Opera, aber der IE macht Probleme.

Leider finde ich den Fehler nicht. Darum habe ich hier den vereinfachten Quellencode angegeben. (Die Leerzeichen und Absätze habe ich nur zur Übersicht gemacht. Im Original sind die Tags dicht aneinander.)

Kennt einer den Bug und hat eine Lösung für mich?

 

<html>

   <style type="text/css">

   <!--

       #box{position:absolute;}


      #box a{

         text-decoration:none;

         display:block;

       }

       #box a:link .info{display:block;} // unsichtbares Pixel wird angezeigt

       #box a:link .zwei{display:none;}       // Infobild anfagns ausgeblendet


      #box a:hover{text-decoration:none;}

      #box a:hover .zwei{display:block;} // Pseudopopup wird angezeigt

      #box a:hover .eins{display:none;} // unsichtbares Pixel verschwindet

   -->

   </style>

<head>

</hed>

<body>

<div id="box">

     <a href="navigation.html">home

         <span class="eins">

             <img src="unsichtbares.gif" width="112" height="70">

         </span>

         <span class="zwei">

            <img src="sichtbares.gif" width="112" height="70">

         </span>

     </a>

</div>

</body>

</html>

Gruß Mjchael

ich hatte ein ähnliches Problem, mit verschieden Klassen bei Links

bin mir nicht ganz sicher aber änder mal die Schreibweise so:


#box .zwei a:hover {display:block;} // Pseudopopup wird angezeigt

#box .eins a:hover {display:none;} // unsichtbares Pixel verschwindet

Also erst die Klasse und dann das Objekt, so geht es zumindest mit Links

Danke erstmal!

Hat aber leider nicht funktioniert....

...aber ich habe noch nicht alle Varianten ausprobiert!

Gruß Mjchael

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.