一个div覆盖另一个 - 相同的大小和位置,但div并不完全覆盖底层的div

时间:2015-12-26 22:43:28

标签: html css

我很确定这是一个错误,因为它只发生在运行Chrome的某些机器上,但我有两个div,每个500px乘500px放在一个容器中,第二个绝对定位所以它位于顶部首先,应该完全覆盖它。

#include <stdio.h>
#include <string.h>



typedef enum{
    RED     =   0xff,
    GREEN   =   0xff00,
    BLUE    =   0xff0000
}PRE_DEFINED_COLORS;

typedef struct{
    int         color_val;
    char        *color_name;
}COLOR_ENTRY;

#define COLOR_ITEM(a)    {a, #a}

COLOR_ENTRY color_entries[]={
    COLOR_ITEM(RED),
    COLOR_ITEM(GREEN),
    COLOR_ITEM(BLUE)
};

#define DEFINED_COLOR_COUNT (sizeof(color_entries)/sizeof(*color_entries))

int GetEnumValue(const char *color_name , int errval){
    for(int i = 0 ; i < DEFINED_COLOR_COUNT ; i++)
        if(!strcmp(color_entries[i].color_name , color_name))
            return color_entries[i].color_val;

    //in case not found return errval
    return errval;
}

const char *GetEnumName(int color_val){
    for(int i = 0 ; i < DEFINED_COLOR_COUNT ; i++)
        if(color_entries[i].color_val == color_val)
            return color_entries[i].color_name;

    //no match, return NULL
    return NULL;
}



int main(void){

    printf("Printing defined color table (by index):\n");

    for(int i = 0 ; i < DEFINED_COLOR_COUNT ; i++){
        printf(" %d - %-8s= %06X\n", i , color_entries[i].color_name , color_entries[i].color_val);
    }

    printf("\nPrinting color values by name:\n");

    printf(" *   %-8s= %06X\n",    "RED",      GetEnumValue("RED",     -1));
    printf(" *   %-8s= %06X\n",    "GREEN",    GetEnumValue("GREEN",   -1));
    printf(" *   %-8s= %06X\n",    "BLUE",     GetEnumValue("BLUE",    -1));

    // this item do not exists, this will return -1 (0xFFFF:FFFF)
    printf(" *   %-8s= %06X\n",    "YELLOW",   GetEnumValue("YELLOW",  -1));

    return 0;
}
<div class="container">
  <div class='jprt-hover'></div>
  <div class="jprt-hoveroverlay"></div>
</div>

请看这个小提琴:https://jsfiddle.net/mh04qz3r/1/

结果可能因机器而异,请参阅此屏幕截图:enter image description here

如果你看右边和左边,你可以看到一条细线露出它背后的黑色div。在我正在工作的网站上,盒子的所有4个边都有那条细线。它非常微妙,但我很好奇,如果这是经常发生的事情,如果你们中的任何人都知道它的任何分辨率(除了使叠加div比底层稍大)。

谢谢!

0 个答案:

没有答案