单独为每个碎片或者标签设置CSS使其可点击
683
10

做模板的时候我们最常用的就是标签和碎片那么有时候我们的碎片或者标签添加后会被上层遮挡。这时候设置标签的时候就十分难点中。

如图所示:

其实这个问题在很早之前就解决了 哪就是给每个标签设置一下他的css即可,很多人不知道怎么设置 下面就是设置教程。

{qb:hy name="pc_index_suifengsuipianindex00" where="index_style/suifeng_suipian/index/pc_index/slide" val="datas" type="labelmodel"}

{$datas}

{/qb:hy}

例如上面的这样的碎片 

#pc_index_suifengsuipianindex00{margin-left: 250px;width: 400px} //为了让点击区域到我们的视线范围可以点击

.pc_index_suifengsuipianindex00 .headle{padding-left: 250px} //让操作文字的按钮到我们可视区域

可以看出 我们需要添加的css 就是 设置标签名即可。

碎片需要多设置一个css .标签名 .headle{padding-left: 多少px}

标签只需要设置 #标签名{margin-left: 多少px;} 即可

上面的截图的css设置为:

5
赏礼
赏钱
收藏
点击回复
      全部留言
  • 10
0 赏钱 赏礼回复
  • 午夜梦寒 实战运营者 消费:1817.13元 2020-11-22 21:17 21:176楼
    这不是意味着以后标签的位置都能比较精准了?经常是标签错位,然后不知道如何设置了,得一个个去试,但过段时间又忘记顺序了。
0 赏钱 赏礼回复
  • wr1688 风格开发者 消费:2593.25元 2020-11-22 18:59 18:59
    华为
    6楼
    有些轮播或者tab碎片会出现这种问题
    Suifeng 消费:23.24元 2020-11-22 19:02
    tab  幻灯片 下拉 还有左右结构 异行结构的 都会出现
    wr1688 消费:2593.25元 华为 2020-11-22 19:12
    @Suifeng 有空能处理下bui和系统的样式兼容性吗
    Suifeng 消费:23.24元 2020-11-22 19:57
    @wr1688 不好处理 用了bui 基本不兼容其他ui
0 赏钱 赏礼回复
  • 铁牛 普通粉丝 消费:0.01元 2020-11-22 19:04 19:04
    其他手机
    6楼
    很详细的教程
0 赏钱 赏礼回复
  • 阿赖耶识 程序开发者 消费:24.43元 2020-11-22 13:39 13:396楼

0 赏钱 赏礼回复
  • 袁冬 普通粉丝 消费:160.85元 2020-11-22 13:36 13:36
    华为
    6楼
    好方法
0 赏钱 赏礼回复
0 赏钱 赏礼回复
更多回复
      你可能感兴趣的主题
恢复多功能编辑器
  • 3 1
  • Suifeng开发交流圈
        圈内贴子4108
    • 圈子成员433
    本圈子内的新贴

    推荐内容
    扫一扫访问手机版
    请选择要切换的马甲:

     
    网页即时交流
    QQ咨询
    咨询热线
    020-28998648