一些Css样式表选择器只在Firefox上对我的响应主题生效

Question

我已经安装了一个响应主题，我使用了来自Firefox的FireBug来改变我网站某些部分的颜色，而且在火狐上一切都很完美。但第二次我看到谷歌铬，it和我的手机，这一切看起来都可怕地关闭。大多数情况下是头小部件标记，因为它们不应该是红色的。我认为什么东西不起作用(这是背景不起作用)：

#secondary .widget_fearless_tabs .headings a {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)) repeat scroll 0 0 #333333 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.5) !important;
    color: #CCCCCC !important;
    display: block !important;
    font-size: 1.3rem !important;
    margin: 0;
    outline: 0 none;
    padding: 0.9em 0;
    text-align: center;
}

button:hover, .flexslider .category-label, .layout-module .widget-title > span, .pagination a:hover, .pagination .current, #primary-navigation .menu li.current-menu-item, #primary-navigation .menu li.current-menu-ancestor, #primary-navigation .menu li.current_page_item, #primary-navigation .menu > li:hover, #primary-navigation .menu > li.sfHover, #primary-navigation .menu ul a:hover, #primary-navigation .menu ul li.current-menu-item a, .review-box .heading, #searchform #searchsubmit:hover, #secondary .widget_fearless_tabs .headings a.active, section.top-reviews .review-column-1 h2, .sidebar-primary .widget-title, .wpcf7-submit:hover {
    background: -moz-linear-gradient(center top, #FEFEFE, #F4F4F4) repeat scroll 0 0 padding-box rgba(0, 0, 0, 0) !important;
    border: 1px solid #E0E0E0 !important;
    border-radius: 1px !important;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.9) inset !important;
    color: #182945 !important;
}

/* This changes colors of hover secondary widget headings like review widget */
#secondary .widget_fearless_tabs .headings a:hover {
    background: -moz-linear-gradient(center top, #FFFFFF, #F6F6F6) repeat scroll 0 0 padding-box rgba(0, 0, 0, 0) !important;
    border: 1px solid #E0E0E0 !important;
    border-radius: 1px !important;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.9) inset !important;
    color: #40516D !important;
}

我不明白为什么这不管用？我也看了我的主题的原始样式表，找不到任何东西来指出我的正确方向，以增加我的孩子的主题？

Answer 1

令人惊讶的是，-moz只在mozilla中工作。如果您包括每一个其他浏览器的梯度，它将在每个其他浏览器中工作。

我总是使用http://www.colorzilla.com/gradient-editor/来创建代码，这样我就不会忘记一些东西。

Answer 2

为所有其他浏览器添加线性渐变

#secondary .widget_fearless_tabs .headings a:hover {
background: -moz-linear-gradient(center top , #FFFFFF, #F6F6F6) repeat scroll 0 0       padding-box rgba(0, 0, 0, 0) !important;

//适用于所有其他浏览器

background: -o-linear-gradient(center top , #FFFFFF, #F6F6F6) repeat scroll 0 0       padding-box rgba(0, 0, 0, 0) !important;  
border: 1px solid #E0E0E0 !important;
border-radius: 1px !important;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.9) inset !important;
color: #40516D !important;
}