Question

我在使Android设备和Firefox识别一些CSS条目时遇到了一些麻烦。我认为这个问题与我将class和id属性结合起来有关。

这是CSS：

ul#sub-notification {z-index:3;list-style:none;font-weight:bold;}
#sub-notification li{display:block;text-align:center;width:280px;padding:7px;background:#fff;border-left:1px #c0c0c0 solid;border-bottom:1px #c0c0c0 solid;border-top:1px #c0c0c0 solid;}
#sub-notification li a {color:#111;font-size:.9em;}
#sub-notification li:hover {background:#383838;}
#sub-notification li:hover  a {color:#33FF66;}
ul#sub-notification.click{display:block;position:absolute;right:0px;overflow-y:auto;overflow-x:hidden;max-height:500px;}
ul#sub-notification.unclick{display:none;}

这是Firefox看到的实际通知区域的来源：

<!-- ### START notification ### -->
<div id="notification">
     <a href="#" title="notification" id='notification-link' class="unread">1    NEW Notification(s)</a>

      <ul id='sub-notification' class='unclick'>
           <li><a href="#" title="#">To ID: 9<br/>From ID: 3<br/>Read: 0<br/>Type: <em>0</em><br/>Text: <em>Test notification</em><br/></a>
        </li>
     </ul>                  
</div>
<!-- ### END notification ### -->

如果有人提出建议或了解发生的事情会很棒。 IE，IE兼容模式，Chrome，Safari和Opera似乎都没问题。

Firefox和android在某些CSS条目方面有困难

0 个答案: