首页 > 开发 > CSS > 正文

CSS背景图拉伸效果兼容FF/Chrome/IE等主流浏览器(亲测)

2024-07-11 08:50:04

字体：大中小

来源：转载

供稿：网友

信各位一定碰到过这种情况，按钮作为DIV的背景图来显示，实际上有多个这样的按钮，而且DIV中的文字，也就是按钮上要显示的文字内容和个数都不定，这种情况下就需要用背景图片拉伸效果来处理了，只需做一个按钮图片，作为DIV的背景图时随着DIV的宽度或高度自适应就OK了。网上也找过，但不兼容IE或有bug，下面贴出本人亲测代码，兼容主流浏览器，包括Firefox、Chrome以及 IE 等主流浏览器（IE使用滤镜效果实现）：

复制代码

上一篇：CSS3盒子模型详解

下一篇：Css3+Js制作漂亮时钟(附源码)

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注