zurb-foundation

问题 I want a div to appear on top of a Zurb Foundation reveal modal. However, my div refuses to be shown on top of the modal. The z-index of the modal is 1006. When I set my on-top div to 1010, or even 99999, it still sits underneath the modal. The only way I can get it to work is by setting the foundation modal's .reveal-overlay 's z-index to 0 (even 1 puts it on top of my div), but that messes up other elements. How can I put an element on top of a Zurb Foundation modal? 回答1: Your div needs to

问题 I want a div to appear on top of a Zurb Foundation reveal modal. However, my div refuses to be shown on top of the modal. The z-index of the modal is 1006. When I set my on-top div to 1010, or even 99999, it still sits underneath the modal. The only way I can get it to work is by setting the foundation modal's .reveal-overlay 's z-index to 0 (even 1 puts it on top of my div), but that messes up other elements. How can I put an element on top of a Zurb Foundation modal? 回答1: Your div needs to

问题 I want a div to appear on top of a Zurb Foundation reveal modal. However, my div refuses to be shown on top of the modal. The z-index of the modal is 1006. When I set my on-top div to 1010, or even 99999, it still sits underneath the modal. The only way I can get it to work is by setting the foundation modal's .reveal-overlay 's z-index to 0 (even 1 puts it on top of my div), but that messes up other elements. How can I put an element on top of a Zurb Foundation modal? 回答1: Your div needs to

问题 I'm using a fresh installation of Foundation for Email, and have the following test set up: <container> <wrapper> <row> <columns large="5" valign="middle"> <img src="https://placehold.it/690x173" alt="Company Logo"> </columns> <columns large="7" valign="middle"> <h4 style="margin-bottom: 0;" class="text-right small-text-center">Thanks for your order!</h1> </columns> </row> </wrapper> </container> I expected the logo and the title to be vertically centered in their container. However, as you

问题 I'm using a fresh installation of Foundation for Email, and have the following test set up: <container> <wrapper> <row> <columns large="5" valign="middle"> <img src="https://placehold.it/690x173" alt="Company Logo"> </columns> <columns large="7" valign="middle"> <h4 style="margin-bottom: 0;" class="text-right small-text-center">Thanks for your order!</h1> </columns> </row> </wrapper> </container> I expected the logo and the title to be vertically centered in their container. However, as you

问题 I'm using a fresh installation of Foundation for Email, and have the following test set up: <container> <wrapper> <row> <columns large="5" valign="middle"> <img src="https://placehold.it/690x173" alt="Company Logo"> </columns> <columns large="7" valign="middle"> <h4 style="margin-bottom: 0;" class="text-right small-text-center">Thanks for your order!</h1> </columns> </row> </wrapper> </container> I expected the logo and the title to be vertically centered in their container. However, as you

问题 If I give you an array of objects, lets assume there are x number of objects how would you do the following using a grid system (bootstrap, foundation ... doesn't matter): Loop Over the array and create something that replicates: No I have been able to create this by doing: echo "<div class='row'>"; for($i = 0; $i < count($options['fields']); $i++) { // Increate the value of I and convert it from 1 to one. $numberToWord = new FreyaTheme\NumberToWord\Conversion(); $wordRepersentation =

问题 I have to dynamically create an Anchor tag that I am adding a Foundation aspect to. One of the elements is called "data-tooltip" that Foundation uses. If I'm trying to create the following row, how do I create the "data-tooltip" element? what I've epected <a data-tooltip aria-haspopup="true">FOO</a> how I generate the element var artworkColumn = document.createElement("a"); artworkColumn.setAttribute("aria-haspopup", "true"); I've seen ways in JQuery to do this, but since the "a" element does

问题 Trying to build a new rails 6 application from scratch to replace a rails 5.2 application. Trying to use webpacker with foundation-site jquery and coffeescript After a bunch of searching I've got everything loaded with webpacker. It appears to be very (maybe too) flexible in that examples use different approaches. Everything works (foundation does x-grid, callouts etc, jquery loads and I can log jquery objects, coffeescript compiles) except jquery events don't seem to fire or build a listener

问题 When navigating the site http://emich.edu on Android devices (with any browser), the sticky mobile navigation menu sticks to the bottom of the page if one clicks through to another page, scrolls to the bottom of that page, and clicks the back button. A picture of the issue is attached. This should not happen; the nav should always be under the site header. We are using Foundation 6.3 and have tried several other versions. We have even tried Foundation outside of this site with no extra markup