登录灰色背景HTML,灰色背景上显示白色文字_html/css_WEB-ITnose

大众点评

我给外面的div设置了透明和灰色背景,里面span里面的文字设置白色还是会被DIV背景色影响看不清怎么办

这是DIV样式

.big{

width:100%;

height:200px;

/*background: url(images/2.jpg) 0 0 repeat;*/

opacity: 0.7;

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);

}

这是 span样式

.icon-font{

font-size:1.2em;

line-height:1.6 !important;

color:#FFFFFF;

}

回复讨论(解决方案)

没看到有使用灰色背景...

没看到有使用灰色背景...

有的 忘记贴出来啦

.news-thumb {background:#C8C9CA;}

.news-thumb:hover:hover {color:white;opacity:1;}

没看到有使用灰色背景...

上面的文字想要白色的 被底色影响啦。

是透明影响的,不是背景影响

没看到有使用灰色背景...

上面的文字想要白色的 被底色影响啦。

微信电脑版

大众点评

是透明影响的,不是背景影响

是透明影响的,不是背景

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现一个圆形轨迹,可以使用CSS的transform属性来旋转元素。具体实现步骤如下: 1. 创建一个div元素,设置宽度和高度相等,且为圆形。 ``` <div class="circle"></div> .circle { width: 100px; height: 100px; border-radius: 50%; } ``` 2. 使用CSS的animation属性来定义动画,使元素绕圆心旋转。需要设置动画循环次数为无限循环,并指定动画时间和旋转方式(linear 或 ease-in-out)。 ``` .circle { animation: spin 5s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } ``` 3. 如果要实现弧形轨迹,可以使用CSS的translateX和translateY属性来移动元素的位置。设置元素的初始位置为圆心,然后在动画中使用translateX和translateY属性来移动元素。 例如,要实现元素在圆形轨迹上向右上移动的效果,可以将元素的初始位置设置为圆心,然后在动画的25%处向右上移动50px,再在动画的50%处向下移动50px,最后在动画的75%处向左下移动50px。 ``` .circle { animation: arc 5s ease-in-out infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @keyframes arc { 0% { transform: translate(-50%, -50%) rotate(0deg); } 25% { transform: translate(-50px, -50px) rotate(90deg); } 50% { transform: translate(-50px, 50px) rotate(180deg); } 75% { transform: translate(50px, 50px) rotate(270deg); } 100% { transform: translate(50px, -50px) rotate(360deg); } } ``` 通过类似的方式,可以实现元素在圆形轨迹上任意方向移动的效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值