ICO-产品战略设计
EICO是一个专注于产品战略设计的公司。他们的网站模板位于 https://eicoinc.com/wp-content/themes/eico2021,同时他们也提供一些实用的内容,包括案例、观点、关于我们、联系我们等。如果你有任何问题,可以通过微信扫码或者直接联系他们的商务团队获取帮助。
在网站的头部,有一个明显的联系我们图标,点击后可以看到一个带有QR码的二维码,用户可以通过扫描此二维码与EICO进行联系。此外,还有一个#contact元素,它是一个相对定位的容器,包含了一些交互元素。
#header-contact-icon { position: relative; top: 2px; } 这个CSS规则用于设置联系图标的垂直位置,使其略微上移以避免与其他内容产生冲突。
#header-contact-qr { display: flex; width: 190px; height: 210px; position: fixed; z-index: 2; top: 80px; color: #fff; transform: translateX(-90px); background: rgba(0, 0, 0, 0.5); border-radius: 12px; flex-direction: column; justify-content: center; align-items: 这个样式定义了一个固定在屏幕左上角的二维码区域。它的宽度为190px,高度为210px,背景色半透明黑色,有一定的圆角半径。这个区域是相对定位的,并且始终保持在屏幕左上角。当页面滚动时,这个区域也会相应地滚动。