小和尚。。。。。。小和尚来

蝶洛

冰冰 发表于 2020-12-19 15:54
那就倒数第三张了

我也赞同，这个当圣诞用哒，喜欢那个小人儿～

冰冰

蝶洛 发表于 2020-12-19 16:08
我也赞同，这个当圣诞用哒，喜欢那个小人儿～

对哒！

鱼洛

六六

鱼洛 发表于 2020-12-19 16:19

此样式，去掉顶部的绿植和圣诞球，加在另一帖了

甜心尐猪

六六巧手又把论坛打扮起来了，真好

鱼洛

background-size:contain;    和  100%  效果差不多，下方有一块空白，不过图图能看全了

鱼洛

现在这样也挺好了

拈花小和尚

鱼洛 发表于 2020-12-20 10:40
background-size:contain;    和  100%  效果差不多，下方有一块空白，不过图图能看全了

是的。现在试验的结果是，想在不同屏显下看全头图。要么变形，要么头图和主导航栏间距离改变。

改回原来效果了，只是简化了下代码：

1. div.hdc {
   
2.     border-bottom: {HEADERBORDER} solid {SPECIALBORDER};{HEADERBGCODE};
   
3.     margin-bottom: 10px;
   
4.     border-radius: 5px;}

复制代码

把阴影效果去掉了。
想让头图自适应不同屏显不好整。不能轻易动JS。
头图显示全，也不变形的代码是：

1. div.hdc{
   
2.     background:  {HEADERBGCOLOR}; {HEADERBGCODE};
   
3.     background-size: 100% auto;
   
4. 
   
5.     margin-bottom: 5px;
   
6.     border-radius: 5px;}

复制代码

但是，头图和主导航栏间的位置会跟着变化，你看看能不能让头图和主导航栏间距离不变，固定在10px。
不好整，就算了。还是像现在这样，让图片超出部分自动裁切。

鱼洛

拈花小和尚 发表于 2020-12-20 11:08
是的。现在试验的结果是，想在不同屏显下看全头图。要么变形，要么头图和主导航栏间距离改变。

改回原 ...

用  fixed;   主页会滚动,也是填充的效果

鱼洛

1. div.hdc{
   
2.     background: #6698BC url(http://www.zjiao.net/static/image/common/shengdan.jpg) fixed;
   
3.     background-repeat: no-repeat;
   
4.     background-size: contain;
   
5.     margin-bottom: 5px;
   
6.     margin-top: 0px;
   
7. }

复制代码

fixed  背景固定
登录信息中也要设置  fixed