找回密码
 立即注册

QQ登录

只需一步,快速开始

dystar001 悬赏达人认证

高级会员

63

主题

423

帖子

1686

积分

高级会员

积分
1686

活字格认证圣诞拼拼乐悬赏达人

dystar001 悬赏达人认证
高级会员   /  发表于:2021-8-2 22:52  /   查看:6112  /  回复:14
20金币
本帖最后由 dystar001 于 2021-8-3 01:35 编辑

请教各位大神,怎样用CSS做出一个透明的按钮?
背景透明的按钮,但是文字和边框还要可见的。类似这样的:




前提是某一个按钮透明,而不是所有的按钮都透明。
所有按钮都透明的CSS是可以这样写的:

.fgc-btn {

  background-color: transparent !important;
}








附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

14 个回复

正序浏览
Nathan.guo活字格认证 Wyn认证
超级版主   /  发表于:2024-3-26 17:10:37
15#
StephenLeoSimon 发表于 2024-3-26 16:58
选中按钮>设置单元格样式>新建单元格样式>背景色>渐变>渐变光圈两边透明度都设置成100%就行了

回复 使用道具 举报
StephenLeoSimon
注册会员   /  发表于:2024-3-26 16:58:42
14#
本帖最后由 StephenLeoSimon 于 2024-3-26 17:03 编辑

选中按钮>设置单元格样式>新建单元格样式>背景色>渐变>渐变光圈两边透明度都设置成100%就行了





本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-8-3 12:20:43
13#
dystar001 发表于 2021-8-3 12:05
兄弟啊,直接写个类名你给我看看?直接写个类名是没有用的。

希望官方出个css的教程,因为活字格里面 ...

大佬,我说的意思是直接给按钮加一个类名,然后通过这个类名去写对应的css就行了,改加选择器的就加选择器,这是根据具体需求去做的。很抱歉没给大佬说明白呢~因为我看楼上大佬已经回复得很详细了~关于样式的帖子我们在论坛中也有很多讨论啦~
活字格中,如何设置更好看的按钮样式 CSS - 活字格专区 - 专题教程 - 葡萄城产品技术社区 (grapecity.com.cn)
然后更多css选择器的知识,我帮大佬百度一下哈:
CSS 选择器 - CSS(层叠样式表) | MDN (mozilla.org)
CSS 选择器 | 菜鸟教程 (runoob.com)
非常感谢大佬的反馈哈,关于大佬说的出个css的教程,其实网上有很多的关于学习css的资料,比如菜鸟教程、MDN等网站,我们也会认真的考虑大佬的建议的~


回复 使用道具 举报
dystar001悬赏达人认证
高级会员   /  发表于:2021-8-3 12:05:38
12#
David.Zhong 发表于 2021-8-3 11:59
如果想给单独的按钮设置样式,可以单独设置一个css类名哟~
大佬可能想复杂啦~
感谢楼上各位大佬的支持 ...

兄弟啊,直接写个类名你给我看看?直接写个类名是没有用的。

希望官方出个css的教程,因为活字格里面的控件很多是嵌套的,能告诉我们一下,怎么样来命名。

评分

参与人数 1金币 +5 收起 理由
David.Zhong + 5 赞一个!

查看全部评分

回复 使用道具 举报
dystar001悬赏达人认证
高级会员   /  发表于:2021-8-3 12:01:00
11#

类名后面要要加个 button,我说怎么我写的css怎么没有效果呢,学到了。谢谢您!
回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-8-3 11:59:22
10#
如果想给单独的按钮设置样式,可以单独设置一个css类名哟~
大佬可能想复杂啦~
感谢楼上各位大佬的支持,如果有帮助到您,记得设置最佳哦~
回复 使用道具 举报
随风悬赏达人认证
银牌会员   /  发表于:2021-8-3 10:35:09
8#
本帖最后由 随风 于 2021-8-3 10:45 编辑
dystar001 发表于 2021-8-3 01:30
兄弟,这样不行啊,这样整个按钮都看不见了。
要做个背景透明的按钮,但是文字和边框还要可见的。

要显示文字和边框,还有个办法,就是设置颜色透明,或者渐变,两颜色都设置100%透明!就是背景色那里设置其他颜色,透明度100%,后面的透明度就不用设置,那个是整个按钮的,或者就单独设置一个新的css,引一下.

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
wangpenga悬赏达人认证
金牌服务用户   /  发表于:2021-8-3 09:30:55
7#

给按钮加类名
.backa>button{
        background-color: transparent !important;
       
}





本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
wangpenga悬赏达人认证
金牌服务用户   /  发表于:2021-8-3 09:25:08
6#
本帖最后由 wangpenga 于 2021-8-3 09:31 编辑

.
回复 使用道具 举报
wangpenga悬赏达人认证
金牌服务用户   /  发表于:2021-8-3 09:18:48
5#
本帖最后由 wangpenga 于 2021-8-3 09:41 编辑

.

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部