CSS响应框

Question

我为我的网站（http://www.to-hawaii.com/trees）创建了一个响应式框，除了一件事，它工作正常。请参阅标题左侧和右侧的http://www.to-hawaii.com/page.jpg，这里有一个差距，我无法弄清楚如何修复。我认为问题来自line style.css 525

.images_tabbox {
    max-width: 495px;
    width: 100%;
    float: left;
    background: transparent url("/theme/images/images_tab_box_mid.jpg") repeat-y scroll center top / 100% 100%;
}

当我删除float：left;这个特殊问题是固定的，但整个框看起来像http://www.to-hawaii.com/page2.jpg

如果有人有任何想法如何解决这个问题，我将不胜感激。谢谢！

Answer 1

这是因为您的图像具有纯白色背景。左边和右边的白色是实际jpg的一部分。要解决此问题，您必须使用透明背景作为png或gif格式从源（希望您可以访问源设计文件）再次保存图像。 jpgs不能有透明背景。