PHP图像if else CSS

时间:2016-03-16 14:47:16

标签: php html css image if-statement

我想知道如何根据css样式回显图像? 更清楚一点:如果我向下滚动导航栏到屏幕顶部但得到白色背景,我的导航是透明的。 我的徽标可以用于灰色和白色。透明时难以读取灰色,所以我使用的是白色版本 当导航变为白色时,不会看到白色徽标,因此我希望将其更改为灰色徽标 有没有办法用if / else更改图像? 像导航是白色回声graylogo,否则回声whitelogo

非常感谢!

1 个答案:

答案 0 :(得分:0)

如果我是你,我会将2张图片放入我的代码中,然后,您只需要根据课程显示徽标。例如:

<div class="nav">
  <img src=".." class="white-img">
  <img src=".." class="black-img">
</div>

然后是css:

.nav.white .white-img{
   display: none;
}
.nav.black .black-img{
   display: none;
}

然后,在创建页面时使用PHP,您可以将正确的类设置为nav元素,或者使用javascript(如果它是事件驱动的)。 (用户点击,用户滚动等)