html - 如何制作响应式英雄广告

标签 html css e-commerce ads

我正在尝试为 friend 网站制作响应式英雄和横幅广告。我想模仿“Childrens Place”的布局,广告在顶部,英雄形象在中间。

我有一个 Shopify 商店,可以轻松输入主图,我是编码新手,想在图像本身上进行拆分,这意味着图像的一半是“男人”,另一半是“女人”,当用户将鼠标悬停在男士上方,它将带他们进入男士选择(如果单击),反之亦然。谁能指出我学习这个的正确方向?谢谢!

最佳答案

对于拆分,我基本上会将两个 ankers 作为一个标签。在 css 中将宽度设为 50%; margin: 0. 向右浮动一位,向左浮动一位。如果您希望 a 标签位于图像的顶部,则它是绝对位置。

尝试一下,玩得开心! 如果还有其他问题或您在途中需要帮助,请提出。 问候延斯

关于html - 如何制作响应式英雄广告,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41704181/

相关文章:

html - 带有悬停下拉菜单的导航栏

javascript - Lightbox 克隆的多个样式表

database - 如何适应初创电子商务门户的可扩展性?

javascript - 仅在特定主体类上使用 jQuery 应用 CSS

html - asp.net 如何创建悬停下拉菜单导航栏

mysql - 销售/出租电子商务的数据库设计

php - 如何根据数量更新商品的总价?

html - 使图像组表现为一个 block (例如 :resize together)!

javascript - 在不牺牲性能的情况下检测给定元素是否已从 DOM 中移除

html - IE 10 相当于 -webkit-tap-highlight-color