您好,我正在尝试在IE8中创建与该图片相同的效果(适用于FF 15和Chrome,但不适用于IE8)

比较http://imageshack.us/a/img526/4466/10274965.jpg

在我的代码中,我使用了2张图片pa.png(190px x 500px)和ad.jpg(210px x 50px)。 如您在图像上看到的,PIE更改了边框半径,但没有缩放图像。

我有一个index.php文件,其中包含了left.php文件

我的代码是

        <div id="lefti1">
        <div id="adm1" >
             <p class="m1">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus koniec</p>
        </div>
    </div>

和CSS

#lefti1 {
width:210px;
background: url(pa.png) no-repeat 50% 50%;
background-size:210px 100%;
margin:0 auto;
padding:0px 0px;
position:relative;
behavior: url(PIE.htc);
border-radius:16px 16px 16px 16px;
-pie-background: url(pa.png) no-repeat 50% 50% / 210px 100%;   
}   
.m1    {
text-align:justify;
margin:0 auto;
padding:55px 10px;
}
#adm1 {
width:210px;
height:auto;
background: transparent url(ad.jpg) no-repeat center 0px;
background-size:210px 50px;
border-radius:16px 16px 0 0;
border:none;
position:relative;
z-index:1;
behavior: url(PIE.htc);    
} 

to fill . Iwanto缩放以填充 file, but nothing helped. 我试图添加一个文件, 但没有任何帮助。 有人可以看到并指出我的错误吗?

#1楼 票数:1

http://css3pie.com/documentation/supported-css3-features/#pie-background

[…]在IE 6-8中呈现时,背景速记的以下几个方面目前将被忽略:

  • 背景尺寸(将始终使用图像的固有尺寸)

  ask by user1677596 translate from so

未解决问题?本站智能推荐:

1回复

CSS 背景图片精灵调整大小

我有以下 CSS 代码用于在音频元素上显示控制按钮: 由于按钮可点击并在点击时更改,因此我使用了精灵模式,因此当应显示新图像时,我只需将背景定位到下一个图像。 图像如下所示: 问题是当我尝试通过更改宽度或高度来使这些按钮适应较小的屏幕时,调整大小会发生在整个图像上,而不仅仅是我希望调整大小
2回复

使用CSS调整div背景图片的大小

我正在使用网站的草稿版本,该版本使用比原始样式更敏感的设计,并且遇到使我的CSS滚动效果导航栏按钮正确调整大小的问题。 我可以让div调整大小,但不能调整.png图像本身。 以下是“主页”按钮的代码。 我将div的大小调整为11.5%,因为当它显示在其他按钮旁边时,它们都具有唯一的大小
4回复

CSS自动调整背景图片的大小?

这可能是该网站上最基本的问题之一,因此,我希望可以快速得到一些答案。 当我尝试为我的网站设置背景图像时,我会在绘画中编辑图像,并且经常需要逐个像素地编辑图像,以使图像覆盖网站的每个区域。 是否有任何标准或html编码可以自动将图像大小调整为网站的确切大小?
2回复

CSS3 Pie删除了背景图片

当我的页面加载到IE(7,8)中时,左栏中li的背景图像会在CSS3 Pie启动之前先显示一秒钟,然后在想要的li元素中添加边框,然后从列表项中删除背景图像像这样... http://goo.gl/xCz39 在FF中,如果您想了解它的外观,可以使用它。 如果有人可以解决此问题,我
3回复

CSS3 Pie背景图片未显示

我正在使用CSS3 pie,并在head标签之前通过附加的js文件调用它。 由于某种原因,我的背景图片显示出来了。 我已经尝试过添加z-index和position相对修正的标准,但是没有显示。 任何帮助指导表示赞赏。 下面是css。
1回复

在CSS中添加背景图片

我正在尝试在一页产品网站上的第一个面板中添加背景图片。 由于某种原因(我不知道),我的背景图片无法加载。 请帮忙! HTML: CSS: / *标题面板* /
1回复

在CSS中定位背景图片

我需要使用CSS的background-image在div显示图像,但是还需要将background-image定位在左边(相当于margin-left: -2%; )一点点(可能是1%或2%)。 margin-left: -2%; )。 我不确定如何执行此操作。 我确实看过backgr
2回复

如何根据背景图片大小自动调整div的大小?

我需要调整div大小的帮助。 我需要的很简单:我有一个1920x1080像素的图像,将该图像作为背景图像放入div中。 我的代码: HTML: CSS: 我需要这样的东西: 但是..我得到了: 关于如何帮助我的任何想法?