【问题标题】:Changing images based on stylesheet根据样式表更改图像
【发布时间】:2017-05-06 01:02:12
【问题描述】:

是否可以根据页面上使用的样式表切换图片?

例如,我有一个普通样式表和一个夜视图样式表,用户可以在它们之间切换。虽然我猜测解决方案可能是 CSS,但这是我在 PHP 中的伪代码尝试:

        $css = "/.css"
        if (css=normal.css){    
            echo "<img src='1.1.1.jpg'>";
        }
        if (css=nightview.css){ 
            echo "<img src='1.1.1i.jpg'>";
        }

关于如何做到这一点的任何提示?

【问题讨论】:

    标签: php html css image


    【解决方案1】:

    首先将用户选择的主题(普通、夜景)存储在 SESSION 或 Cookie 中,然后在链接标题中回显。

    <link href="<?php echo $myCss;?>" rel="stylesheet" />
    

    现在在 css 中,您可以使用 id 或类来定位图像,并相应地更改该图像或任何元素。

    #MyImage {
    
     background-image: url("black.png");
    
    }
    

    【讨论】:

    • 这适用于单个背景图像。但是其他图片呢?
    • 如果图像在 theme.css 中,那么您可以针对每个类名示例 .image1{background-image: url("black-0.png"); } 或 .image2{background-image: url("black-1.png"); }
    猜你喜欢
    • 2016-04-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-09
    • 1970-01-01
    相关资源
    最近更新 更多