2017-06-29 11 views
0

ここに私のコードです。 iosの属性がありませんか?Iphoneブラウザ(ほとんどのiosと同じ)は色を表示しませんでしたが、アンドロイドとPCブラウザで表示できます

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

} 

ここで私はクラスと呼ばれます。

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

メディアクエリと関連がありますか?ボトムのスクリーンショットはより広く、ハンバーガーも同様に欠落していることがわかりました。 –

+0

@MrListerには2つの異なるブラウザがあり、最初はPCからのスクリーンショット、もう1つはIphone 4s Safariブラウザです。より広いのは問題ではない。ハンバーガーってどういう意味? – huhush

+0

最初のスクリーンショットの右上にある3行のアイコンは、「ハンバーガーメニュー」と呼ばれます。 1)これは最初のスクリーンショットでのみ表示され、2)そのようなメニューは狭い画面でしか表示されない傾向があるため、違いを引き起こすメディアクエリがあるかどうか疑問に思った。 –

答えて

0

申し訳ありません。

backgroundの代わりにbackground-colorプロパティを使用する場合は、

ところで、css prefixerを使用できます。 This toolは非常に効果的です。

ご希望の方は、

+0

'background'と' background-color'は接頭辞を必要としません。 –

+0

これは 'box-shadow'プロパティのため残念です;) – BwaBwa

+0

@BwaBwaはバックグラウンドカラーでは機能しません。 – huhush

関連する問題