解决控件遮挡问题

最新推荐文章于 2023-11-14 11:11:25 发布

you_laner

最新推荐文章于 2023-11-14 11:11:25 发布

阅读量2.6k

点赞数

分类专栏： .Net相关文章标签： iframe html javascript 日历 function div

本文链接：https://blog.csdn.net/you_laner/article/details/1137091

版权

从昨天开始，一直在努力解决一个问题：我引用了一个别人用js代码编写的日历控件，但是这个日历控件会被下面的dropdownlist控件遮挡。后来查询一些资料，再加上同事的讲解，得知这主要是因为Dropdownlist控件的优先级比一般的控件都高，除了iframe。参考一些资料之后，我决定引用iframe来遮盖dropdownlist。我记

摘要由CSDN通过智能技术生成

从昨天开始，一直在努力解决一个问题：我引用了一个别人用js代码编写的日历控件，但是这个日历控件会被下面的dropdownlist控件遮挡。

后来查询一些资料，再加上同事的讲解，得知这主要是因为Dropdownlist控件的优先级比一般的控件都高，除了iframe。参考一些资料之后，我决定引用iframe来遮盖dropdownlist。

我记录一个经典的html页面吧，它能很好的说明这个问题：

<html>
<head>
 <script>
  function DivSetVisible(state)
  {
   var DivRef = document.getElementById('PopupDiv');
   var IfrRef = document.getElementById('DivShim');
   if(state)
   {
    DivRef.style.display = "block";
    IfrRef.style.width = DivRef.offsetWidth;
    IfrRef.style.height = DivRef.offsetHeight;
    IfrRef.style.top = DivRef.style.top;
    IfrRef.style.left = DivRef.style.left;
    IfrRef.style.zIndex = DivRef.style.zIndex - 1;
    IfrRef.style.display = "block";
   }
   else
   {
    DivRef.style.display = "none";
    IfrRef.style.display =

最低0.47元/天解锁文章

you_laner

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
解决控件遮挡问题

从昨天开始，一直在努力解决一个问题：我引用了一个别人用js代码编写的日历控件，但是这个日历控件会被下面的dropdownlist控件遮挡。后来查询一些资料，再加上同事的讲解，得知这主要是因为Dropdownlist控件的优先级比一般的控件都高，除了iframe。参考一些资料之后，我决定引用iframe来遮盖dropdownlist。我记
复制链接

扫一扫