Iphone瀏覽器（大部分ios相同）沒有顯示顏色，但android和PC瀏覽器可以顯示

這是我的代碼。缺少ios的任何屬性？Iphone瀏覽器（大部分ios相同）沒有顯示顏色，但android和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">';

來源

2017-06-29 huhush

難道它與媒體查詢有關嗎？底部的屏幕截圖更寬，我注意到漢堡也不見了。 –

@MrLister有兩個不同的瀏覽器，第一個是來自PC的截圖，第二個是Iphone 4s safari瀏覽器。更寬泛不是問題。你的意思是漢堡包。 – huhush

由第一個屏幕截圖右上角的三行組成的圖標稱爲「漢堡菜單」。由於1）僅在第一個屏幕截圖中可見，2）類似這樣的菜單傾向於僅在較窄的屏幕上可見，所以我想知道是否有媒體查詢導致差異。 –

對不起，我不能發表評論。

如果您使用background-color屬性而不是background？請使用css prefixer。 This tool非常有效。

希望對你有所幫助，

來源

2017-06-29 09:28:17 BwaBwa

'background'和'background-color'不需要加前綴。 –

抱歉，它是'box-shadow'屬性;） – BwaBwa

@BwaBwa不適用於背景顏色。 – huhush

Iphone瀏覽器（大部分ios相同）沒有顯示顏色，但android和PC瀏覽器可以顯示

回答

相關問題