javascript - 使用PHP更改CSS不透明度

所以我有一个心脏图标，当您将鼠标悬停在上面时，它会发生变化。它淡化了一颗饱满的心，而不是中风。现在，对于我的项目，如果您已经喜欢心脏，则默认情况下它将为纯粉红色。所以我打算做的是检查用户是否喜欢它，然后提高不透明度。因为实心图标在悬停时从0.1变为1。问题是我不知道如何设置if else语句。

<div class="post">
<? if($_SESSION['loggedIn'] == true): ?>
<a href="likes.php?id=<?php echo $post['id'];?>">
<div class="icons">
<i class="fa fa-heart-o"></i>
<i class="fa fa-heart" ></i>
</div>
</a>
<? endif; ?>

那就是我目前所拥有的。我想做的是，如果用户喜欢它，那将是正确的。然后

if(usr_liked == true){
  echo 'opacity: 1';
}

那将在于内心的风格属性。那我该怎么做呢？我似乎无法用if语句来显示HTML来弄清楚。

最佳答案

单独使用PHP不可能修改DOM样式，例如您的情况下的不透明性。您可能想使用Javascript做到这一点。我一直做到这一点的一种方法是，以类似于以下方式简单地调用一段Javascript代码：

<?php if (usr_liked == true) { ?>
    <script>
        document.getElementById("heart").style.opacity = 1.0;' .
    </script>';
<?php } ?>

我希望这有帮助。 :)

注意：由于发现错误，我更改了原始帖子。

关于javascript - 使用PHP更改CSS不透明度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24581528/