Question

我正在网站上工作（HTML + PHP）。这是我目前所做的Fiddle（例如，共享一个）。

每个图片都应指向不同的网址。很少有图像的颜色与字体颜色匹配。我想在图像更改时更改字体大小/颜色。此外，URL也应在图像更改时自动更改。

HTML：

<div class="grid">
    <figure class="effect-lexi effect-chocolate">
        <div id="cf3" class="shadow">
            <img src="http://tympanus.net/Development/HoverEffectIdeas/img/22.jpg" alt="Image" class="bottom" />
            <img src="http://tympanus.net/Development/HoverEffectIdeas/img/21.jpg" alt="Image" class="top" />
        </div>
        <figcaption>
                <h2>Dark <span>Chocolate Smoothie</span></h2>

            <p>Description</p>  <a href="#">View more</a>

        </figcaption>
    </figure>
</div>

有可能吗？任何人都可以帮助我。？

谢谢，

Answer 1

使用CSS3，您可以使用混合模式来完成此任务。

https://css-tricks.com/basics-css-blend-modes/

此外，您需要使用JavaScript历史记录来更改网址。

https://developer.mozilla.org/en-US/docs/Web/API/History

Answer 2

最简单的解决方案可能是将字体颜色设置为rgba。例如颜色：RGBA（0,0,0，0.5）;

只要图像不是黑色，这将很好地适应背景的颜色。如果你没有从后端获得任何信息，那么沿着这些方向的东西可能就是你要走的路。

动态更改字体颜色和URL

2 个答案: