如何将不同的斜面图像块作为链接?

时间:2017-07-25 10:40:18

标签: css html5 css3

我用响应式图像映射解决问题并且不知道哪种解决方案最好。

我有这个 desktop version

这个 mobile version

带背景的整个图像和文本块必须链接到页面。图像和文本将由用户编辑,因此我不认为偏斜是最佳解决方案。

感谢您的任何想法。

1 个答案:

答案 0 :(得分:0)

将图像用于响应式设计有点奇怪,但我认为最简单的方法是使用imagemap

否则你可以想象放置在你的图像上的透明div,或者如果整个图像只是一个链接,juste把它放在一个' a'标签

如果您希望移动版和桌面版链接到2个不同的页面,请使用php $ _SERVER或javascript来获取屏幕的网址或宽度,具体取决于您更改设计的方式