jquery - 在 jQuery 中设置 margin-right 在 IE11 中不起作用
问题描述
代码笔:[https://codepen.io/thrilom/pen/BaygPpr][1]
我的代码适用于我测试过的所有浏览器,除了 IE11。我还没有进入 Edge,但我认为这将是同样的问题。我已经设定
<meta http-equiv="X-UA-Compatible" content="IE=edge">
jQuery 简单地获取margin-right
容器的 ,并给另一个元素一个负边距以将其吸到视口的最右侧。帮助!
(function($) {
$(window).on("load resize", function() {
var adjustMargin = $(".two-col-image__container").css('marginRight');
$(".two-col-image__marginChange").css('marginRight', '-' + adjustMargin);
});
})(jQuery);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<section>
<div class="container-fluid two-col-image" style="background: url(assets/images/about-bg@2x.png) no-repeat center center;
background-size: cover;">
<div class="row">
<div class="container two-col-image__container">
<div class="row">
<div class="col-12 col-md-6 ml-auto d-flex align-items-center mt-4 mt-md-0 two-col-image__group">
<div class="two-col-image__group-container">
<h2 class="h6 two-col-image__title">HELLO WORLD</h2>
<h3 class="h2 two-col-image__sub-title">ABOUT</h3>
<p>More text</p>
<p><a href="#">Scooter</p>
<a href="javascript:void(0);" class="btn btn-default"><span>learn more</span><img class="img-fluid btn-default__img"
alt="Link Icon" src="assets/images/btn-icon.svg" /></a>
</div>
</div>
<div class="col-12 col-md-6 two-col-image__image-group">
<div class="two-col-image__marginChange">
<img class="two-col-image__image" alt="About Cotton" class="img-fluid" src="assets/images/about-image-card@2x.png" />
</div>
</div>
</div>
</div>
</div>
</div>
</section>
解决方案
我通过删除所有 jQuery 并坚持使用 css 来解决这个问题。似乎是所有浏览器支持的更好选择:width: calc(50vw - #{$grid-gutter-width/2});
推荐阅读
- angular - 当 rxjs throwError 重新抛出 http 错误响应时,自定义全局错误处理程序未命中
- r - 自动将逻辑向量转换为整数的问题
- angular - 当条件发生变化时重新运行管道以进行观察(Angular 7)
- matrix - 如何在 RenderScript 中将 GLSL mat2 类型转换为等效类型并使用
- c - fwrite 不断将不需要的文本写入我的文件
- webrtc - 使用 Agora SDK for android 时到扬声器的音频路由
- php - 多个表单提交 - Laravel
- c# - 如何反序列化具有依赖属性的 JSON?
- python - 需要在数组python3的多维列表中抓取整个第一个元素(数组)
- python - 从 google-colab 将 pyspark 与 mongodb 连接起来