0

How to zul Component have transparent?

asked 2013-04-22 03:21:14 +0800

vincent0825 gravatar image vincent0825
0

updated 2013-04-22 06:43:39 +0800

sjoshi gravatar image sjoshi flag of India
3493 1 8
http://zkframeworkhint.bl...

my zk version is 6.5.1

I want to put a background image on the page, and then put inside a div or table, but I found that no matter how stressed this transparent div no way will remain white and then cover the Figure, Is there any way to change it?

<zk>

<zscript><![CDATA[
    //@IMPORT
    import com.dtc.mio.view.zk.viewmodel.ZkLoginViewModel;
]]></zscript>

<style>
    .pic { 
       background-image : url(img/MIO.png);
    }
</style>
<div height="100px"/>
<div align="center">
<window id="winLogin" border="none" apply="org.zkoss.bind.BindComposer"
    viewModel="@id('vm') @init('ZkLoginViewModel')" hflex="1" vflex="1"
    focus="true" sclass="pic">
        <box>
            <div height="220px"/>
            <hbox>
                ....
            </hbox>
        </box>
        <div align="left" height="20px">
        </div>
</window>

</zk>
delete flag offensive retag edit

2 Answers

Sort by ยป oldest newest most voted
1

answered 2013-04-22 06:47:29 +0800

sjoshi gravatar image sjoshi flag of India
3493 1 8
http://zkframeworkhint.bl...

I think you have to use style like this

&lt;style&gt;
    body {
           padding: 0 0;  
           &lt;!-- background pics --&gt;
           background-image: url('/image/myLogo.png'); 

          }     
&lt;/style&gt;
link publish delete flag offensive edit

Comments

it's not working.

hswain ( 2013-05-29 07:57:12 +0800 )edit
1

answered 2013-05-29 08:07:42 +0800

hswain gravatar image hswain flag of India
1763 3 10
http://corejavaexample.bl...

updated 2013-05-29 08:07:58 +0800

<zk>
    <window id="winLogin" border="none"
        apply="org.zkoss.bind.BindComposer"
        style="background:#dfe8f6 url('https://si0.twimg.com/profile_images/1370461773/ZK_new_logo.png')  center center;"
        hflex="1" vflex="1" focus="true">
        <box>
            <div height="220px" />
            <hbox>
                ....
                <label value="Himanshu"></label>
            </hbox>
        </box>

    </window>
</zk>
link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow
1 follower

RSS

Stats

Asked: 2013-04-22 03:21:14 +0800

Seen: 50 times

Last updated: May 29 '13

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More