小编B. *_*oak的帖子

SCSS/CSS 悬停在图像上

我想将鼠标悬停在一个盒子上并变换图像的比例(1.1)。但问题是我的图像前面有文字。因此,如果我将鼠标悬停在文本上,它就不起作用

\n\n

我想将鼠标悬停在框上的任何位置并缩放图像。

\n\n

这是我的代码

\n\n

超文本标记语言

\n\n
<div class="col-md-12 club-index__box">\n   <a href="{{ path(\'toro_web_club_show\', {\'id\': r.id}) }}">\n      <div class="club-index__box--nation">\n         <div class="club-index__box--image">{{ toro_image(r.coverImage, \'1050x250\') }}</div>\n         <div class="club-index__box--text">\n            <span class="club-index__box--title">{{ r.name }}</span>\n            <span class="club-index__box--sub-title">\xe0\xb8\x97\xe0\xb8\xb5\xe0\xb8\xa1\xe0\xb8\x8a\xe0\xb8\xb2\xe0\xb8\x95\xe0\xb8\xb4\xe0\xb9\x84\xe0\xb8\x97\xe0\xb8\xa2 2016 , \xe0\xb8\x9c\xe0\xb8\xb9\xe0\xb9\x89\xe0\xb8\x88\xe0\xb8\xb1\xe0\xb8\x94\xe0\xb8\x81\xe0\xb8\xb2\xe0\xb8\xa3\xe0\xb8\x97\xe0\xb8\xb5\xe0\xb8\xa1 , \xe0\xb8\xa3\xe0\xb8\xb2\xe0\xb8\xa2\xe0\xb8\x8a\xe0\xb8\xb7\xe0\xb9\x88\xe0\xb8\xad\xe0\xb8\x9c\xe0\xb8\xb9\xe0\xb9\x89\xe0\xb9\x80\xe0\xb8\xa5\xe0\xb9\x88\xe0\xb8\x99</span>\n         </div>\n      </div>\n   </a>\n</div>\n
Run Code Online (Sandbox Code Playgroud)\n\n

社会保障体系

\n\n
.club-index {\n   &__box {\n       margin-top: 30px;\n       &--nation {\n           position: relative;\n           display: block;\n           width: 100%;\n           height: 250px;\n           margin: 0 auto;\n           background-color: #18202d;\n           text-align: center;\n           overflow: hidden;\n       }\n       &--image {\n           position: absolute;\n           transition: all 1s ease-in-out 0s;\n           -moz-transition: all …
Run Code Online (Sandbox Code Playgroud)

html css sass

3
推荐指数
1
解决办法
2168
查看次数

如何在PhpStorm 2016.1中设置默认显示行号和空白区域

如何在PhpStorm 2016.1中显示行号?

我找不到偏好设置.

ide phpstorm

1
推荐指数
1
解决办法
2773
查看次数

React native SectionList水平模式

我有一个问题.我一直在尝试使用SectionList来呈现列表部分,但问题是我想在水平模式下使用list而我不知道该怎么做.

请帮助我坚持了2个小时.

这是我的代码:

<SectionList
   renderItem={({item}) => <Image source={require('../assets/images/img1.jpg')} />}
   renderSectionHeader={({section}) => <Text>{section.title}</Text>}
   sections={dataSource}
/>
Run Code Online (Sandbox Code Playgroud)

react-native

0
推荐指数
1
解决办法
1788
查看次数

标签 统计

css ×1

html ×1

ide ×1

phpstorm ×1

react-native ×1

sass ×1