【问题标题】:adding different class/style to rows that variable fulfills the condition向变量满足条件的行添加不同的类/样式
【发布时间】:2014-01-15 14:31:45
【问题描述】:

问题是所有图像都以不透明度显示:0.4。对于数字列中的值小于 100 的每一行,我需要不同的样式。

while ($row = mysql_fetch_array($result, MYSQL_ASSOC))
        {       
            $progres = $row['number'];
            $num_rows++;    
            echo "$progres <br/>";
            echo "<div class='right_achiev'>";
            echo '<div id="box1" class="box">'; 
            echo '<span class="caption simple-caption">';
            echo '<p class="sq1">'.$row['name'].'</p>';
            echo '<p class="unlok">UNLOCKED:<br/> 2014-01-09 16:25 </p>';
            echo '</span>';

            if ($progres < 100)
            {
                echo "<img class='achiev_icon' src='".$row['icon']."'/>";   
            }
            else 
            {
                echo "<img class='achiev_icon' style='opacity:0.4' src='".$row['icon']."'/>";   
            }

            echo "</div>";  
            echo "</div>";  
        }

【问题讨论】:

  • 数据库中的数字是什么类型的?

标签: mysql styles row echo


【解决方案1】:

您可以尝试使用此代码

while ($row = mysql_fetch_array($result, MYSQL_ASSOC))
    {       
        $progres = intval($row['number']);
        $num_rows++;    
        echo "$progres <br/>";
        echo "<div class='right_achiev'>";
        echo '<div id="box1" class="box">'; 
        echo '<span class="caption simple-caption">';
        echo '<p class="sq1">'.$row['name'].'</p>';
        echo '<p class="unlok">UNLOCKED:<br/> 2014-01-09 16:25 </p>';
        echo '</span>';

        if ($progres < 100)
        {
            echo "<img class='achiev_icon' src='".$row['icon']."'/>";   
        }
        else 
        {
            echo "<img class='achiev_icon' style='opacity:0.4' src='".$row['icon']."'/>";   
        }

        echo "</div>";  
        echo "</div>";  
    }

【讨论】:

  • 不过,所有的图标都显示为不透明度:0.4。回声 $progres:100 100 100 100 100 30 20 10 40 30 20 10 10 10 10
  • 能否提供适用于achiev_icon 类的html 输出或css,也许achiev_icon 样式会覆盖元素的样式。
  • 还有另一个导致问题的样式声明。谢谢你,米尔托斯。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-12-07
  • 1970-01-01
  • 2017-09-15
相关资源
最近更新 更多