ZKX's LAB

html和css如何做到让一张图片铺满屏幕呢? js控制图片铺满

2020-10-03知识6

使用JS控制图片形状 首先想到是的类似 mask 的概念,你有一张PNG图片,中间是透明的不规则图形,四周颜色和你的背景颜色一致,然后再这张图片的后面放你要显示的图片,然后JS控制切换。问题是 IE6 不支持PNG透明层。你需要额外的JS来打开。

html和css如何做到让一张图片铺满屏幕呢? js控制图片铺满

使用JS控制图片形状

html和css如何做到让一张图片铺满屏幕呢? js控制图片铺满

如何用js控制图片的图大宽度或是最大高度 控制图片最大宽度和高高度,在css里面有max-width、max-height的属性,非要用js也不是不可以的,document.getElementById('id').style.maxWidth。这个属性ie6支持的不好。但是现在也不用兼容ie6了吧。如果你想宽图用最大宽度,竖图用最大高度的好,那你就加一个判断的语句再决定是max-width、还是max-height.

html和css如何做到让一张图片铺满屏幕呢? js控制图片铺满

js 控制图片大小

#html代码#js#html语言#css#js代码

随机阅读

qrcode
访问手机版