vue-particles icon indicating copy to clipboard operation
vue-particles copied to clipboard

Content between the tags <vue-particle> does not display.

Open akbaruddink opened this issue 8 years ago • 7 comments

Any elements I use between these tags does not get displayed.

For example:

<vue-particle>
<p>This paragrapgh does not display</p>
</vue-particle>

akbaruddink avatar Aug 22 '17 12:08 akbaruddink

mine doesn't show as well, need help

kd-s-t avatar Sep 15 '17 05:09 kd-s-t

I think you should not put anything between vue-particle tag. just put it outside it. using css to control the show ie: #particles-js { position: absolute; background-size: cover; top: 0; bottom: 0; left: 0; right: 0; overflow-y: hidden; z-index: 0; }

yockii avatar Oct 17 '17 23:10 yockii

ill try this @yockii

kd-s-t avatar Oct 18 '17 14:10 kd-s-t

Adding z-index: 999; or higher on the element inside the <vue-particle> works for me.

claide avatar Nov 21 '17 14:11 claide

<template>
    <div>
        <vue-particles></vue-particles>
        <h1>Hello World</h1>
    </div>
 </template>

<style scoped>
#particles-js {
    position: absolute;
    background: #323840;
    left: 0;
    right: 0;
    top: -80px;
    bottom: 0;
    z-index: -1;
}
</style>

gilles6 avatar Apr 28 '18 11:04 gilles6

Did not work

matinwd avatar Feb 25 '20 07:02 matinwd

that work for me!

yxyHeart avatar Jul 31 '23 04:07 yxyHeart