以QLabel为例看看如何使用qss设置窗口的背景图片

1. 首先准备一张图片：

2. 设置背景设置background-image:

可以看到背景图片设置成功了，不过此时的背景图片是由设置的图片重复拼接而成的。

3. 去重复设置background-repeat为no-repeat:

大家好，今天我准备给大家分享一个关于在PowerPoint放映时ActiveX控件背景透明的问题，也许很多朋友很说，这有何难？设置其属性不就得了。比如可以通过下面常规的方法进行设置。

方法一：通过属性窗口设置

方法二：通过后台代码的形式

上面的操作，从道理上讲是没错的，但是我指的是谁PPT放映时，是否能够绝对保证根据ActiveX控件背景之前设置的透明属性呈现ActiveX控件背景透明效果呢？其实，不然。根据我的尝试，虽然可以事前对ActiveX控件背景进行透明属性设置，但往往放映时，这个ActiveX控件背景依然存在。

背景属性

常用属性

属性值解释background-colorred背景颜色background-imageurl(“”)背景图片background-repeatrepeat;no-repeat;repeat-x;repeat-y图像平铺;不平铺;按x轴平铺;按y轴平铺background-positionunset;left;right;center;top;bottom;20px背景定位、对齐方式，靠上层边框的位置，如果只写一个值，其他值值默认居中background-attachmentfixed;scroll背景浮动，如果页面元素过多有上下拉条就这个参数就可以定义是否跟随拉条一起浮动background-sizelength/percentage/cover/containlength：设置背景图像的高度和宽度，第一个值设置宽度，第二个值设置高度，如果只设置一个值，则第二个值会被设置为 “auto”。

1背景图片

1-1属性名

backgroud-position (bgp)

1-2属性值

background-position:水平方向位置 垂直方向位置；

浏览器显示如下图：

2 练习，看看每种情况的显示。

2-1 默认显示方式，默认方式，

CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

1、tml的固定结构

编辑导语：B端产品的展现形式包含了很多类型，标签页、弹窗、悬浮层等等。本篇文章中作者分享了如何正确的呈现B端产品，让产品的交互体验更加丝滑。感兴趣的小伙伴们快来一起看看吧，希望对你有所帮助。

在B端产品操作中，需要高频率地打开各类链接和按钮，如果点击后需要展示新的内容，那么展现形式就包含了很多种类型，标签页、新页面、悬浮层、弹窗、抽屉等等。

学前端已经有一段时间了，最近在对前端基础知识做一个梳理总结，今天联系页面的时候遇到了一个浮动元素造成父级高度塌陷的问题，为了弄清楚这个问题，我也是好一番查资料，原来MDN上专门介绍过解决这个问题的办法，下面我就来分享一下我个人的心得。

首先，我先说一下我遇到的问题是什么？

下面是两个容器元素box和box1，其中box1是子元素。

display属性

block: 块级元素

inline: 行级(内联)元素

inline-block: 行内块元素,既在同一行内呈现,也能设置width,height

none: 隐藏元素

float属性

float: left | right | none;

float可以让上下排列的块元素左右排列.

来，开整
先来看看啥是无缝滚动：

这看着只有四张图片，但是不管往前还是往后拖动，都可以无限拖，感觉就是把四张图片无限循环了一样，这种效果在页面中算是最常见的交互效果之一了，都1202年了，基本功要扎实哦~
其实实现的基本原理非常简单
第一步，先把图片复制一份，四张变八张
如果图片数量更多的话，可以做成别的方案，几张图片的话就无所谓了
如果是几十张图片，那就直接做成一个3D的圆环，还是那句话，有解决思路最重要。

1.圣杯布局和双飞翼布局

2.绝对定位法