问容器侧面的2个div
EN

Stack Overflow用户

提问于 2016-11-28 05:04:57

回答 1查看 21关注 0票数 0

我有一个容器，在页面中间有一些内容，它看起来像这样，非常简单：

<section>
  <div class="container">
    <p>Lorem ipsum dolor sit amet...</p>
  </div>
</section>

我想知道有没有可能，使用CSS和:之前和:之后，添加两个可单击的div/背景图像，一个在容器的左侧，一个在容器的右侧？我知道最简单的方法是简单地编写两个div，一个在容器之前，一个在容器之后，但是我不能修改我显示的代码片段的HTML，因为布局相当复杂

附注:我所说的可点击是指在背景图片或div上用作广告空间

发布于 2016-11-28 05:28:42

如果你希望div是“可点击的”(我假设这意味着，当它被点击时运行一个函数？)只使用css的::before或::after函数是不可能的，但是可以使用jquery来实现。

您可能希望使用jQuery的append()和prepend()。

$( ".container" ).prepend( "<div id=\"firstDiv\">Test</div>" );

然后只需插入一个事件，当用户clicks这个新的div

$( "#firstDiv" ).click(function() {
  alert( "div clicked" );
});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40833885

复制

相似问题

问容器侧面的2个divEN