span类“mark”中的背景颜色覆盖

问题描述 投票:0回答:1

我有一个网站使用“标记”作为颜色编码遗传指南。它们是通过配置页面中的php数组设置的,并且有背景颜色的内联样式。我想要做的是覆盖其中一个标记(darkorange)以显示双色调(黄色/白色)而不是纯橙色。 (也需要为黄绿色做到这一点 - 蓝色/白色。)

我有这个用于css但不知道如何将它应用于darkorange标记(通过样式表或内联),它目前没有效果:

span.m_darkorange
{
background-color:yellow;
  background: linear-gradient(to right, yellow 50%, white 0);
}

配置页面上的代码:

 $aMarkColors = array("crimson", "darkorange", "gold", "chartreuse", "aqua", "royalblue", "blueviolet", "deeppink", "darkblue", "darkgreen", "darkcyan", "chocolate", "darkgoldenrod", "greenyellow", "orchid", "seagreen");  

以及调用标记的代码:

function GetMarksDiv($nMarks, $sClass)
{
global $bIgnoreRedMarks, $aMarkColors, $aMarkColorTooltips;
$sText = "";
if ($bIgnoreRedMarks)
    $nMarks = 0xFE & $nMarks;
if ($nMarks != 0)
{        
    $sText = $sText . "<div class='$sClass'>\n";
    $nMask = 1;
    $nIndex = 0;
    foreach ($aMarkColors as $sColor)
    {
        $x = $nMask & $nMarks;
        $sTitle = "";
        if ($aMarkColorTooltips && $nIndex < count($aMarkColorTooltips))
            $sTitle = "title='$aMarkColorTooltips[$nIndex]'";
        if ($x)
            $sText = $sText .  "<span class='mark' style='background-color:$sColor' $sTitle>&nbsp;</span>\n";
        $nMask = $nMask << 1;
        $nIndex++;
    }
    $sText = $sText .  "</div>\n";
}
return $sText;
}

任何和所有的帮助将不胜感激!这让我疯了,我似乎无法解决它。

css arrays background-color
1个回答
0
投票

那么你可以将$ Color值添加到西班牙语类:

<span class='mark $sColor' style='background-color:$sColor' $sTitle>&nbsp;</span>\n

(你的跨度将有两个类,其中一个总是标记,另一个与颜色相同)

然后,您可以使用CSS中的特定类覆盖所选跨距的背景:

span.mark.darkorange{
    background: linear-gradient(to right, yellow, white);
}

另外:您是否使用浏览器的控制台(检查元素)来检查究竟什么不起作用?他们提供非常精确的答案。我问,因为你的CSS无效 - 控制台肯定会告诉你的。也许还有其他错误,比如拼写错误......

© www.soinside.com 2019 - 2024. All rights reserved.