Question

问题出现在此页面上：http://www.matternow.com/portfolio/

如果您点击任何缩略图，您会看到叠加层左下方的图像标题太靠近其上方的边框。这在Chrome（以及所有其他浏览器）中看起来很不错。好像它忽略了我的CSS元素，它被设置为底部：0;

顺便说一下，这是一个浏览器黑客攻击。看起来像这样：

#portfolio-overlay #cboxTitle{
        font: bold 21px 'Crimson Text', serif !important;
        position:absolute;
        bottom: 8px;
        top: auto;
        left: 10px;
        color:#000;
    }

@media screen and(-webkit-min-device-pixel-ratio:0) {
    #portfolio-overlay #cboxTitle {
        bottom: 0;
    }
}

任何人都知道为什么会这样吗？我的意思是，因为它在Chrome中看起来不错，它在Safari中应该看起来不错，对吧？

Answer 1

我不理解为什么你需要黑客攻击。为什么不能将原始值设置为0？

无论如何，您在媒体查询中的'和'之后错过了空格。请参阅http://www.w3.org/TR/css3-mediaqueries/#syntax示例＃20

为什么Safari会忽略我的CSS位置？

1 个答案: