边界图像在移动设备上获得边界

时间:2013-10-28 11:25:20

标签: html css mobile

所以我正在尝试创建一个wordpress页面,其中block将位于那个很酷的边框中。为此,我正在使用图像。我的结构如下:

<div id="top_border">
<div id="left_border">
<div id="content">
<div id="right_border">
<div id="bottom_border">

在PC浏览器中一切正常但在移动设备上左右边界的每边都是奇怪的1px宽线。看那个图像:
image
另一个奇怪的部分是,只有当我按高度调整图像大小时才会发生这种情况。左边是高度较小的工作div,右边是较高的高度。这是我在css中的表现方式:

left_border{
width:16px;
height:354px;
background: url('left.png') 0px 0px;
float:left;
}

我还尝试添加:

 {
   border:0 none;
 }

但没有帮助。

任何想法或您可能需要更多信息?页面仅在我的本地Intranet上可用,因此我无法显示...

编辑:我只知道只有当我设置的高度大于图像的原始高度时才会发生。因此,如果图像高度为500并且我将高度设置为小于501的任何值,则只要我设置501或更多,它就会起作用。

0 个答案:

没有答案