2017-06-29 1 views
0

Hier ist mein Code. Fehlendes Attribut für IOS?Iphone-Browser (die meisten IOS gleich) zeigte nicht die Farbe, aber Android und PC-Browser kann zeigen

html.no-overflowscrolling.sidebar-light:not(.dark) .sidebar-left .nano { 
    background: #126C9E ; 
    box-shadow: -5px 0 0 #F6F6F6 inset; 

} 

Hier ist, wo ich die Klasse anrufen.

echo '';

 echo ' <div class="sidebar-header">'; 
     echo '  <div class="sidebar-title">'; 
     echo '   <span>'.$lang["M01076"][$language].'</span>'; 
     echo '  </div>'; 
     echo '  <div class="sidebar-toggle hidden-xs" data-toggle-class="sidebar-left-collapsed" data-target="html" data-fire-event="sidebar-left-toggle">'; 
     echo '   <i class="fa fa-bars" aria-label="Toggle sidebar"></i>'; 
     echo '  </div>'; 
     echo ' </div>'; 

     echo ' <div class="nano">'; 
     echo '  <div class="nano-content">'; 
     echo '   <nav id="menu" class="nav-main" role="navigation">'; 
     echo '    <ul class="nav nav-main">'; 
+0

Könnte es etwas mit einem Media-Abfrage zu tun? Der untere Screenshot ist breiter, und ich bemerke, dass der Hamburger ebenfalls fehlt. –

+0

@MrLister gibt es zwei verschiedene Browser, der erste ist Screenshot von PC, zweitens ist Iphone 4s Safari-Browser. Breiter ist nicht das Problem. Und was meinst du Hamburger. – huhush

+0

Das aus drei Zeilen bestehende Symbol oben rechts im ersten Screenshot heißt "Hamburgermenü". Da 1) nur im ersten Screenshot sichtbar ist und 2) Menüs dazu neigen, nur auf schmaleren Bildschirmen sichtbar zu sein, habe ich mich gefragt, ob Sie eine Medienabfrage haben, die die Unterschiede verursacht. –

Antwort

0

Entschuldigung, ich kann nicht kommentieren.

Wenn Sie die background-color Eigenschaft anstelle von background verwenden?

Übrigens können Sie css prefixer verwenden. This tool ist sehr effektiv.

Hoffnung, die Ihnen helfen,

+0

'Hintergrund und' Hintergrundfarbe' müssen nicht vorangestellt werden. –

+0

Sorry, es ist für 'box-shadow' Eigenschaft;) – BwaBwa

+0

@BwaBwa funktioniert nicht für Hintergrundfarbe. – huhush

Verwandte Themen