在Firefox/Opera中显示特定背景图像的问题,所有其他浏览器都在玩球(显然IE除外,我不得不妥协).
目前,Opera不允许多个背景图像:
background-image: url('/images/h2_default_bg.png'), url('/images/dashed_bg_default.gif');
background-repeat: no-repeat, repeat-x;
background-position: top left, bottom left;
当背景图像以像素为单位时,Firefox和Opera都很尴尬:
background: url('/assets/images/dashed_bg.gif') bottom 2px repeat-x;
这些问题都有简单的解决方法吗？
我已经尝试过jquery.pngFix.js和pngfix.js,似乎都不能满足所有问题.
任何锚定的图像最终都会与前者失真,后者不喜欢定位/重复背景图像.
不幸的是,我正在设计的设计要求以我的方式使用PNG,所以我不确定从哪里开始？