我已经创建了4个浮动到左侧的SVG(所有相同的形状).我试图让它们重叠(因为它看起来更好)但问题是,由于它们的形状是不规则的,一些区域变得不可点击.
我用它作为CSS代码:
.interact-arrow { float: left; margin-right: -100px; width: 24%; position: relative; }
这是问题的完整codepen演示:http://codepen.io/aguerrero/pen/pgvJoa
如何正确编码CSS以便我可以单击各个箭头的任何区域?我在
里面用作可点击区域.
您需要将CSS类直接应用于SVG.
看SVG标签需要是姐妹
例:
请参阅示例:http://codepen.io/anon/pen/dGMmaY
推荐阅读
如何解决《如何在Ubuntu机器上安装TortoiseSVN存储库?》经验,为你挑选了2个好方法。 ... [详细] 如何解决《R通过年份日期值从数据帧过滤中获取子集》经验,为你挑选了1个好方法。 ... [详细] 如何解决《传入函数作为输入和返回功能》经验,为你挑选了2个好方法。 ... [详细] 如何解决《Angular.foreach异步回调不起作用》经验,为你挑选了1个好方法。 ... [详细] 如何解决《Sitecore中admin/b帐户的路径在哪里?》经验,为你挑选了1个好方法。 ... [详细] 如何解决《在文档中对API方法进行分组-是否存在一些自定义属性》经验,为你挑选了2个好方法。 ... [详细] 如何解决《如何搜索以某个单词开头或包含的单词》经验,为你挑选了1个好方法。 ... [详细] 如何解决《Android中图像锐化的颜色矩阵》经验,为你挑选了1个好方法。 ... [详细] 如何解决《实体框架数据读取性能》经验,为你挑选了0个好方法。 ... [详细] 如何解决《将此angularjs日期时间格式转换为较短的格式》经验,为你挑选了1个好方法。 ... [详细] 如何解决《在UILabel中绘制一条简单的线》经验,为你挑选了1个好方法。 ... [详细] 如何解决《VS2015+Resharper:不要使用C#6》经验,为你挑选了1个好方法。 ... [详细] 如何解决《从更高级别提出异常,la警告》经验,为你挑选了0个好方法。 ... [详细] 如何解决《GulpBrowserify中的标准错误日志》经验,为你挑选了0个好方法。 ... [详细] 如何解决《Angular$http-spring-抛出异常但http状态为200》经验,为你挑选了1个好方法。 ... [详细] 如何解决《更新到新Chrome版本后,在Chrome中获取PolymerError》经验,为你挑选了0个好方法。 ... [详细] 如何解决《Haskell:找不到模块`Data.List.Split'》经验,为你挑选了2个好方法。 ... [详细] 如何解决《使用预训练(Tensorflow)CNN提取特征》经验,为你挑选了1个好方法。 ... [详细] 吐了个 "CAO" !Tags | 热门标签RankList | 热门文章
- 1如何在Visual Studio 2015上隐藏团队活动行?
- 2在Spring启动时编写自定义查询
- 3用javascript替换图像上的src
- 4Java JComboBox故障图形
- 5创建数据库连接昂贵吗?
- 6如何解析.txt文件?
- 7从MVC控制器使用Web API时返回JSON结果
- 8将内容推送到数组
- 9使用boto3完成multipart_upload?
- 10forEach回调不会使用getElementsByClassName执行
- 11Javascript正则表达式
- 12调整SwipeRefreshLayout的高度以将View放置在其底部
- 13我如何["字符串"]作为条件陈述?
- 14单击复选框时如何显示标记
- 15在jdbc连接中使用哪种设计模式?
- 16如何确定yocto中食谱的依赖性?
- 17自动完成参数powershell的值
- 18更改apache2服务器的ssl端口.(ERR_SSL_PROTOCOL_ERROR)
- 19Java无法读取代码的输出
- 20PyCharm当前的工作目录
DevBox开发工具箱 | 专业的在线开发工具网站 京公网安备 11010802040832号 | 京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有