火狐 google 全屏自适应html背景图自适应大小 google下会模糊

温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!&&|&&
充满感恩,热爱生活,敢作敢当
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(585)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_087075',
blogTitle:'在IE和Firefox中背景图片高度自适应的兼容问题',
blogAbstract:'在IE和Firefox中背景图片高度自适应的兼容问题例如:(其中floatA、floatB的属性已经设置为float:)&div id=\"floatA\" &&/div&&div id=\"floatB\" &&/div&&div id=\"NOTfloatC\" &&/div&这里的NOTfloatC并不希望继续平移,而是希望往下排。这段代码在IE中毫无问题,问题出在FF。原因是NOTfloatC并非float标签,必须将float标签闭合。在&div class=\"floatB\"&&/div&&div class=\"NOTfloatC\"&&/div&之间加上',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:4,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'充满感恩,热爱生活,敢作敢当',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人:
{list a as x}
{if !!b&&b.length>0}
他们还推荐了:
{list b as y}
转载记录:
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}&div&id="formbackground"&style="position:&width:100%;&height:100%;&z-index:-1"&
&img&src="pictures/background.jpg"&height="100%"&width="100%"/&
引用jquery:
&div&id="formbackground"&style="position:&z-index:-1;"&&img&src="10.jpg"&height="100%"&width="100%"/&&/div&
&script&type="text/javascript"&
$(function(){
$('#formbackground').height($(window).height());
$('#formbackground').width($(window).width());
兼容火狐、谷歌和IE浏览器:
background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
background-size:100% 100%;
背景图铺满整个页面:background-size:
background:"images\001.png"background-repeat:no-background-size: ; background-attachment:}
阅读(...) 评论()博主最新文章
博主热门文章
您举报文章:
举报原因:
原文地址:
原因补充:
(最多只允许输入30个字)Firefox 升级后网页变大、变模糊了,怎么办_百度知道
Firefox 升级后网页变大、变模糊了,怎么办
我有更好的答案
Firefox 火狐浏览器已经支持高分辨率的显示器。 但这也可能导致显示的网页变得比以前更大,甚至超出显示范围。建议使用 NoSquint 扩展来改变火狐的默认缩放级别来使网页恢复正常显示。 步骤:
Firefox,最快最安全的上网体验
主营:互联网软件
为您推荐:
其他类似问题
firefox的相关知识
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。css背景图怎么在手机自适应全屏_百度知道
css背景图怎么在手机自适应全屏
我有更好的答案
根据页面设计情况选择相应的参数,方法就是设计背景size参数background-size:cover ,适用于上半部分背景图片,下半部分纯色将背景图像等比缩放到完全覆盖容器,背景图像有可能超出容器。background-size:contain 适用于一屏幕,缺点屏幕宽度高度不一致,会有缝隙将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内。background-size:100%
100%;最简单粗暴的方法,缺点会给背景拉伸变形
采纳率:89%
为您推荐:
其他类似问题
您可能关注的内容
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。}

我要回帖

更多关于 背景图自适应大小 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信