我有一个网站使用“标记”作为颜色编码遗传指南。它们是通过配置页面中的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> </span>\n";
$nMask = $nMask << 1;
$nIndex++;
}
$sText = $sText . "</div>\n";
}
return $sText;
}
任何和所有的帮助将不胜感激!这让我疯了,我似乎无法解决它。
那么你可以将$ Color值添加到西班牙语类:
<span class='mark $sColor' style='background-color:$sColor' $sTitle> </span>\n
(你的跨度将有两个类,其中一个总是标记,另一个与颜色相同)
然后,您可以使用CSS中的特定类覆盖所选跨距的背景:
span.mark.darkorange{
background: linear-gradient(to right, yellow, white);
}
另外:您是否使用浏览器的控制台(检查元素)来检查究竟什么不起作用?他们提供非常精确的答案。我问,因为你的CSS无效 - 控制台肯定会告诉你的。也许还有其他错误,比如拼写错误......