标签: overlap

在FAQ页面中,我试图让我有一个具有这种结构的页面:

<section id="container">

     <div id="faq_primary"></div>
     <div id="faq_sidebar"></div>

</section>

<footer>

     <div id="directory">

          <div id="col_a"></div>
          <div id="col_b"></div>
          <div id="col_c"></div>

     </div>

</footer>

这是相关的CSS:

#container {
    width:960px;
    margin: 0px auto;
    position:relative;
}

#faq_primary {
    width:720px;
    margin:20px 40px 0 0;
    position:relative;
    float:left;
    display:inline; 
}

#faq_sidebar {
    left:760px;
    position:absolute;
}

footer {
    width:1111px;
    height:250px;
    margin:90px auto 0px;
    position:relative;
    background-image:url(../images/footer/bg.png);
    color:#7d7d7d;
}

#directory {
    width:960px;
    margin:0px auto;
    padding-top:25px;
    font-size:13px;
}

#directory ul li{
    padding-bottom:4px;
}

#dir-cola, #dir-colb, #dir-colc, #dir-cold, #dir-cole {
    width:174px;
    height:140px;
    float:left;
}

#dir-cola { …

是否可以在LinearLayout中显示与第二个重叠的第一个视图？

我想像我这样布局我的观点:

<LinearLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_alignParentRight="true" >

    <TextView
        android:id="@+id/firstTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrapContent" />

    <TextView
        android:id="@+id/secondTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

但我需要从布局第一个视图firstTextView放置在(重叠)secondTextView的顶部.这可能吗？我正在使用LinearLayout,因为我也在使用边距来获得重叠效果.

我正在寻找一种算法,该算法将确定一个新矩形是否被一组现有矩形完全覆盖.提出问题的另一种方法是,新矩形是否完全存在于现有矩形覆盖的区域？

似乎有很多算法来确定矩形重叠等等,但我找不到能解决这个问题的任何东西.

矩形将使用x,y坐标表示.该问题涉及地理绘图.

编辑 - 来自OP发布的评论:

矩形在X/Y轴上对齐

我之前从未见过的非常奇怪的行为.

我有一个固定的位置div,它有一个透明的png背景图像.z-index设置为-1,以便内容可以使用滚动条滚动固定图像.

我把它放在底部和右边的0px,但图像与滚动条重叠(无论如何,在FF和Safari上).

这是链接:

http://adamjcas.www59.a2hosting.com/pg/show/id/4

CSS:

#plants /*for the cut paper plants in the background*/
{
    background: transparent url(../background_images/plants.png) no-repeat;                                         
    bottom:0px;
    right:0px;
    z-index: -1;
    position:fixed;
    height:691px;
    width:475px;        
}   

我使用的一个黑客是使用右:16px;

哪个工作正常,因为总有(可能)一个正确的滚动条.但有时只有底部卷轴.这是一个简单的CSS问题吗？

要检查重叠,在两个不同的dateranges,{Start1, End1}和{Start2, End2}我检查:

if ((Start1 <= End2) && (End1 >= Start2))
{
  //overlap exists
}

问题是,如果让我说五个日期范围,有 什么比较重叠的好方法？.

检查它们中的任何一个是否相互重叠？

如果我有多个日期范围,如何查找这些范围是否重叠？

我在SQL DB表中有日期范围数据,这些数据包含以下三个(仅相关)列:

• ID (int identity)
• RangeFrom (仅限日期)
• RangeTo (仅限日期)

对于任何给定的日期范围,可能存在可能重叠(完全或部分)的任意数量的记录.

条件

1. 具有较高ID(较新记录)的每个记录优先于可能重叠(完全或部分)的旧记录
2. 范围是至少1天长(RangeFrom和RangeTo以一天不同)

因此,对于给定的日期范围(不超过5年),我必须这样做

1. 获取属于此范围的所有范围记录(完全或部分)
2. 将这些重叠分成不重叠的范围
3. 返回这些新的非重叠范围

我接受了

由于存在大量与这些范围相关的复杂数据(大量连接等),并且由于处理器+内存功率比SQL DB引擎更有效,因此我决定将重叠数据从DB加载到我的数据层并进行范围斩波/分裂在内存中.这使我在开发和执行方面具有更大的灵活性和速度.

如果您认为这应该在DB中更好地处理,请告诉我.

题

我想写最快的,如果可能的话也是资源非饥饿的转换算法.由于我获得了大量这些记录并且它们与各种用户相关,因此我必须为每个用户及其重叠范围数据集运行此算法.

什么是最有效(快速和非资源饥饿)分裂这些重叠范围的方式？

示例数据

我有记录ID=1来ID=5以这种方式(日期实际上是无关紧要的,我可以更好地显示这些重叠这种方式)视觉重叠:

       6666666666666
                44444444444444444444444444         5555555555
          2222222222222            333333333333333333333            7777777
11111111111111111111111111111111111111111111111111111111111111111111

结果应如下所示:

111111166666666666664444444444444444444444333333333555555555511111117777777

结果实际上看起来好像我们将从顶部查看这些重叠,然后获取我们从此自上而下视图中看到的ID.

结果实际上会转换为新的范围记录,因此旧ID变得无关紧要.但是将使用它们RangeFrom和RangeTo值(以及所有相关数据):

111111122222222222223333333333333333333333444444444555555555566666667777777

这当然只是重叠范围的一个例子.对于任何给定的日期范围,它可以是从0记录到X的任何内容.而且我们可以看到范围ID = 2被4和6完全覆盖,因此它变得完全过时了.

我有一个图像,周围有一个5px的边框,我想围绕图像和边框的角落,但在webkit中,图像保持矩形,而边框的角是圆的.结果,图像与边界重叠并且在每个角落处创建看起来像边界线之间的间隙的图像.

我希望它看起来像这个http://jsfiddle.net/rmi14/HWDtx/19/,但是在webkit上,白色背景是矩形的,最终重叠一些浅蓝色边框并切断它.

我的要求很简单:我有一个按钮,应该用FragmentB替换FragmentA.

这听起来很容易并且几乎可以工作,最大的问题是旧片段没有被删除而新片段放在旧片段的前面并且它们在我的布局中"生活"在一起.

代码:

FragmentManager fragMgr = a.getSupportFragmentManager();
Fragment currentFragment = (Fragment) fragMgr.findFragmentById(R.id.fragmentitself);

if(currentFragment!=null){

     FragmentTransaction fragTrans = fragMgr.beginTransaction();
     fragTrans.remove(currentFragment);

     FragmentB newFragment = new FragmentB();
     fragTrans.replace(R.id.fragmentcontainer, newFragment);
     // I have also tried with R.id.fragmentitself
     fragTrans.addToBackStack(null);
     fragTrans.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);
     fragTrans.commit();
}

布局:

<FrameLayout
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="2" 
    android:id="@+id/fragmentcontainer">

    <fragment
        android:id="@+id/fragmentitself"
        android:name="com.WazaBe.MyApp.FragmentA"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</FrameLayout>

我想将表格第一行中的每个元素设置为具有特定颜色的左边框和特定颜色的右边框.不幸的是,看起来相邻表格单元格的边框重叠,我只显示左边框颜色.左边界应为浅灰色,右边为深灰色.

这是我生成表格的HTML.(HTML在cherrypy中生成)

<th id="tbl_head" colspan='4'>%s</th>
    <tr>
        <td id="colhead">Track</td>
        <td id="colhead">Artist</td>
        <td id="colhead_time">Time</td>
        <td id="colhead">Album</td>
    </tr>

这是我的CSS:

table {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    border-collapse: collapse;
}

td {
    padding: 3px;
}

#colhead {
    font-weight: bold;
    text-align: left;
    background-color: #989898;
    color: #000000;

    border-left-color:   #aeaeae;
    border-left-style: solid;
    border-left-width: 2px;

    border-right-color: #6c6c6c;    
    border-right-style: solid;
    border-right-width: 1px;

}

#colhead_time {
    font-weight: bold;
    text-align: right;
    background-color: #989898;
    color: #000000;

    border-left-color:   #aeaeae;
    border-left-style: solid;
    border-left-width: 2px;

    border-right-color: #6c6c6c;    
    border-right-style: solid;
    border-right-width: 1px; …

我正在尝试有两列,一个是可以扩展并与另一列重叠的菜单.但是我使用了一个flex元素来包装这些列,我的菜单扩展到了另一个元素后面,即使有更大的元素z-index.

渲染是这样的:

.main {
  font-family: 'Open Sans', Helvetica, sans-serif;
  display: flex;
  background-color: #99baef;
}

nav {
  height: 100%;
  width: 8em;
  background-color: black;
  z-index: 1;
}

.navbox {
  box-sizing: border-box;
  background-color: black;
  color: white;
  height: 4em;
  width: 100%;
  text-align: center;
  line-height: 4em;
  border-top: 1px dotted #99baef;
  transition: all 1s;
}

.navbox:hover {
  width: 130%;
  border-top: none;
  background-color: #4a77c4;
  color: black;
}

.container {
  padding: 1em;
}

a {text-decoration: inherit;}

<div class="main">
  <div class="maincolumn">
    <nav>
      <a href="">
        <div …