css定位固定 |css 3白色透明的

/*固定定位*/
position:fixed;
/*top、bottom、left、right是需要固定的元素与与其父级元素的距离*/
top:0;
left:0;
/*z-index用于控制元素的层叠顺序*/
z-index:100;

定位固定的原理是通过CSS的position属性将元素从文档流中脱离出来，使其可以根据top、bottom、left、right等属性值来自由定位。固定的元素不随文档滚动而滚动，它的位置是相对于浏览器窗口的定位，而不是相对于文档流中的位置。

需要注意的是，固定定位可能会产生盖住内容的问题。如果固定的元素与页面上其他元素重叠，可以通过z-index属性来控制它们的层叠顺序，使其显示在页面上的正确位置。另外，固定定位在移动端的兼容性也需要注意，一些浏览器可能不支持，需要进行兼容性处理。

CSS定位固定可以应用在网页设计的各个方面，如页面导航、广告、悬浮菜单等。它不仅可以提高页面的交互性和用户体验，也可以使页面布局更具美感和规范性。