我想将鼠标悬停在一个盒子上并变换图像的比例(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>\nRun 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) 如何在PhpStorm 2016.1中显示行号?
我找不到偏好设置.
我有一个问题.我一直在尝试使用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)